TS 2322 - 类型'{id：number。中缺少属性'id'

Question

Angular和TS新手。 我创建了具有相同属性的模型，但我得到错误，无法找到解决方案：

TS2322：输入'{id：number; model：string; 盘子 deliveryDate：string; 截止日期：字符串; client：{fir ...'不能分配给'Car'类型。 类型'{id：number; model：string; 盘子 deliveryDate：string; 截止日期：字符串; 客户：{fir ...'。 汽车：汽车= [

我的文件：

//cars-list.component.ts

import { Car } from '../models/car';
.
.
.
cars : Car = [
{
  id: 1,
  model: 'Mazda Rx7',
  plate: 'GD2121E',
  deliveryDate: '21-04-2017',
  deadline: '05-05-2016',
  client: {
    firstName: 'Jan',
    surname: 'Kowalski'
  },
  cost: 300,
  isFullyDamaged: true
}, 
...

和

//car.ts
import {Client} from './client';
export interface Car {
  id: number;
  model: string;
  plate: string;
  deliveryDate: string;
  deadline: string;
  client: Client;
  cost: number;
  isFullyDamaged: boolean;
}

Answer 1

您正在尝试将对象数组分配给Car类型的变量。 使变量成为汽车数组。

cars : Car[] = [

Answer 2

对于那些和我一样的人：

var myObject = objects.filter(o => o.id === id)

用find（）替换它以返回一个对象而不是一个数组：

var myObject = objects.find(o => o.id === id)