属性”……'没有初始化式，并且在构造函数中没有明确赋值

在我的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);
  }
}

但是在“制造”属性中我犯了一个错误。我不知道该怎么办……

当前回答

如果您不想更改您的tsconfig。Json，你可以这样定义你的类:

class Address{
  street: string = ''
}

或者，你也可以这样做:

class Address{
  street!: string
}

通过在变量名后添加感叹号“!”，Typescript将确保该变量不是null或未定义的。

2022-03-02 10:02:28

其他回答

我认为你使用的是最新版本的TypeScript。请参阅链接中的“严格类初始化”部分。

有两种方法可以解决这个问题:

A.如果你正在使用VSCode，你需要改变编辑器使用的TS版本。

B.在声明数组时初始化它

makes: any[] = [];

或者在构造函数内部:

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

2018-04-06 18:35:08

你需要禁用——strictPropertyInitialization Sajeetharan提到的，或者做这样的事情来满足初始化需求:

makes: any[] = [];

2018-04-06 18:42:32

在tsconfig.json中添加这两行

"noImplicitReturns": true,
"strictPropertyInitialization": false,

并确保strict设置为true

2022-02-02 08:38:57

新版本的typescript引入了严格的类初始化，这意味着你需要在构造函数体中初始化类中的所有属性，或者通过属性初始化器。在typescript文档中检查它为了避免这种情况，您可以添加(!或者?

make!: any[] or make? : any[]

否则，如果您希望在项目中永久删除严格类检查你可以在tsconfig中设置strictPropertyInitialization": false。json文件

" compilerOptions ": { ．... “noImplicitReturns”:假的, ．... “strictPropertyInitialization”:假的 }，

2021-12-29 18:08:28

一个更好的方法是在变量的末尾加上感叹号，因为你确定它不是undefined或null，例如你正在使用一个ElementRef，需要从模板加载，不能在构造函数中定义，做如下所示的事情

class Component {
 ViewChild('idname') variable! : ElementRef;
}

2021-09-27 20:32:23

属性”……'没有初始化式，并且在构造函数中没有明确赋值

推荐文章

最新文章

标签