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

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

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

当前回答

属性”……'没有初始化式，在Angular的构造函数错误修复中也没有明确赋值

解决方法1:关闭strictPropertyInitialization标志

在Angular应用中修复这个错误的简单方法是在tsconfig中的typescript编译器选项中禁用——strictPropertyInitialization标志。json文件。

"compilerOptions": {
  ///
  ,
  "strictPropertyInitialization":false
}

解决方案2:向属性添加未定义的类型

有一个未定义的属性是可以的。

因此，在声明变量时，将未定义的类型添加到属性。

employees: Employee[];

//Change to 

employees : Employee[] | undefined;

解决方案3:向属性添加明确的赋值断言

如果你知道，我们将在以后的时间点分配财产。

最好在属性中添加明确的赋值断言。也就是说,员工。

employees!: Employee[];

解决方案4:向属性添加初始化式

消除此类型错误的另一种方法是向属性添加显式初始化式。

employees: Employee[] = [];

解决方案5:在构造函数中赋值

否则，可以在构造函数中为属性赋值。

employees: Employee[];

constructor() { 
    this.employees=[];
}

最佳解决方案

2022-05-17 13:03:19

其他回答

直接进入tsconfig。Ts和add "strictPropertyInitialization": false，进入compilerOptions对象。

如果还没有解决，请重新打开代码编辑器。

例子:

"compilerOptions" : {
  "strictPropertyInitialization": false,
}

2022-02-15 06:33:22

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

makes: any[] = [];

2018-04-06 18:42:32

2021年更新:

有一个属性像"strictPropertyInitialization"

只需转到tsconfig。Json和set

“严格”:假的

来消除编译错误。

否则你需要初始化所有的变量这有点烦人。

这个错误背后的原因是:

typescript是一种比javascript更安全的语言。尽管这种安全性是通过启用严格特性来增强的。所以每次当你初始化一个变量时，typescript都希望它们赋一个值。

2021-04-07 22:48:59

你也可以添加@ts-ignore来使编译器只在这种情况下静音:

//@ts-ignore
makes: any[];

2022-05-06 09:43:20

这是因为typescript 2.7.2包含了严格的类检查，其中所有属性都应该在构造函数中声明。所以要解决这个问题，只需添加一个感叹号(!)，比如:

name!:string;

2023-01-18 10:44:25

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

推荐文章

最新文章

标签