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

在我的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

其他回答

你可以在构造函数中这样声明属性:

export class Test {
constructor(myText:string) {
this.myText= myText;
} 

myText: string ;
}

2021-06-01 11:18:57

1)你可以像下面的代码一样应用它。当你这样做的时候，系统不会给出一个错误。

“明确赋值断言”(!)来告诉TypeScript我们知道这个值

详细信息

@Injectable()
export class Contact {
  public name !:string;
  public address!: Address;
  public digital!: Digital[];
  public phone!: Phone[];
}

2)第二种方法是在这里创建一个构造函数并定义值。

export class Contact {
  public name :string;
  public address: Address;
  public digital: Digital[];
  public phone: Phone[];

  constructor( _name :string,
     _address: Address,
     _digital: Digital[],
     _phone: Phone[])
  {
    this.name=_name;
    this.address=_address;
    this.digital=_digital;
    this.phone=_phone;
  }
}

3)第三种选择是创建一个get属性并按如下方式赋值

  export class Contact {
      public name :string="";
      public address: Address=this._address;
    
      get _address(): Address {
        return new Address();
      }
     
    }

2022-05-24 12:36:10

只需转到tsconfig。Json和set

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

来消除编译错误。

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

2018-05-08 20:37:00

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

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

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

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

2021-12-29 18:08:28

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

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

2022-05-06 09:43:20

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

推荐文章

最新文章

标签