属性“…”没有初始值设定项，且未在构造函数中明确指定

Question

在我的Angular应用程序中，我有一个组件：

import { MakeService } from './../../services/make.service';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-vehicle-form',
  templateUrl: './vehicle-form.component.html',
  styleUrls: ['./vehicle-form.component.css']
})
export class VehicleFormComponent implements OnInit {
  makes: any[];
  vehicle = {};

  constructor(private makeService: MakeService) { }

  ngOnInit() {
    this.makeService.getMakes().subscribe(makes => { this.makes = makes
      console.log("MAKES", this.makes);
    });
  }

  onMakeChange(){
    console.log("VEHICLE", this.vehicle);
  }
}

但在“make”属性中我有一个错误。我不知道该怎么处理...

Answer 1

我认为您使用的是Typescript的最新版本。请参阅链接中的“严格的类初始化”一节。

有两种方法可以解决此问题：

a.如果您使用的是VSCode，您需要更改编辑器使用的TS版本。

makes: any[] = [];

constructor(private makeService: MakeService) { 
   // Initialization inside the constructor
   this.makes = [];
}