初始化嵌套接口 - 角度 5

Question

我正在尝试初始化嵌套接口。

这是我的模型文件的样子：

export interface ICar {
color: string;
number: string;
type: array<IType>;
} 
export interface IType{ 
big: string;
small: string;
boat: array<IboatType>;
}
export interface IboatType{
value: string;
winter: string;
}

现在在我的组件文件中，我尝试初始化它：

let car: ICar= {
type: {
boat: {
value: "test";
winter: "yolo";
}
}
}

这不起作用，我试图在线检查，但我没有找到任何东西。 谢谢你的帮助。

Answer 1

这将不起作用，因为从您提供的接口创建对象需要所有属性。

您有一些语法错误，例如：

1. 数组应为大写 A
2. 您缺少一些数组括号

如果要使某些属性可选，则必须在接口文件中将它们声明为可选属性：

打字稿书详细解释了这一切 https://www.typescriptlang.org/docs/handbook/interfaces.html

所以你会有类似的东西

export interface ICar {
color?: string;
number?: string;
type?: Array<IType>;
}
export interface IType {
big?: string;
small?: string;
boat?: Array<IboatType>;
}
export interface IboatType {
value: string;
winter: string;
}
export const car: ICar = {
type: [{
boat: [{
value: "test";
winter: "yolo";
}]
}]
}