Angular接口继承

Question

我有两个要建立继承的接口，如何在(ngModel.下面是stackblitz链接。

https://stackblitz.com/edit/angular-fny9zs?file=src/app/app.component.html

我希望它是{ color:'red'，Car：{ mileage: 222 }}这是我想要发送到后台的格式

谢谢!

Answer 1

你做错了几件事。首先，如果您有一辆汽车作为属性，那么您的Customer不需要扩展car。所以只要

export interface Car {
  color: string;
  mileage: number;
}

export interface Customer {
   name?: string;
  age?: number;
  sex?: string;
  car: Car;
}

其次，您实际上需要该组件上的一个模型，其中至少有一个汽车属性作为对象：

export class AppComponent {
  person: Person = {
    car: {
      color: '',
      mileage: 0,
    },
  }
}

然后你的表单就可以工作了。