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)