Angular项目model.ts中如何初始化含对象属性的模型类

你的初始化写法不符合类型定义的核心原因是：BooksModel构造函数的第5、第6个参数（bookFile、bookImage）要求传入包含data和contentType两个字段的对象，不是字符串类型，直接传入空字符串会触发类型校验错误。

空默认值初始化 #

如果只是要初始化一个空的实例用于表单绑定等场景，按照参数要求传入对应结构的对象即可，空内容场景下给Buffer和contentType传空默认值：

bookItem = new BooksModel(
  "", // 书名
  "", // 作者
  "", // 分类
  "", // 描述
  { // 书籍文件对象
    data: Buffer.alloc(0), // 生成空Buffer作为默认值
    contentType: ""
  },
  { // 书籍封面图片对象
    data: Buffer.alloc(0),
    contentType: ""
  }
);

有实际内容的初始化 #

如果已经拿到了文件、图片的Buffer数据和对应MIME类型，直接传入对应结构即可：

// 示例：传入实际书籍文件、封面数据初始化
const testBook = new BooksModel(
  "Angular入门实战",
  "张三",
  "前端开发",
  "面向新手的Angular实操教程",
  {
    data: bookPdfBuffer, // 提前转好的书籍PDF对应的Buffer
    contentType: "application/pdf"
  },
  {
    data: coverImgBuffer, // 封面图片对应的Buffer
    contentType: "image/jpeg"
  }
);

后续如果要修改实例里的文件/图片属性，直接给对应字段赋值符合结构的对象就行，不需要重新new实例：

this.bookItem.bookFile = {
  data: newFileBuffer,
  contentType: "application/epub+zip"
}

你当前把文件结构直接写在构造函数参数里的写法复用性差，也不利于类型校验，可以把重复的文件结构抽离成独立接口，代码可读性和可维护性更高：

// 抽离通用文件存储结构类型
export interface FileAsset {
  data: Buffer;
  contentType: string;
}

export class BooksModel{
  constructor(
    public bookName: string,
    public bookAuthor: string,
    public bookCategory: string,
    public bookDescription: string,
    public bookFile: FileAsset,
    public bookImage: FileAsset,
  ){}
}

抽离类型后，IDE会在你初始化、赋值bookFile/bookImage时自动提示字段要求，减少写错属性名的概率。

注意：Buffer是Node.js环境内置的类型，如果你的Angular代码纯运行在浏览器端，通常不会直接操作Buffer，前端场景下可以根据实际需求把data的类型替换为Blob/File/ArrayBuffer即可，初始化逻辑和上述写法完全一致。

内容的提问来源于stack exchange，提问作者Elizabeth