在我的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);
}
}
但是在“制造”属性中我犯了一个错误。
我不知道该怎么办……
在我的情况下,它与不同的声明根据新的typescript严格的特性:
@ViewChild(MatSort, {static: true}) sort!: MatSort;
如果在tsonfig中禁用typescript新的严格特性。json和
"compilerOptions": {
///
,
"strictPropertyInitialization":false
}
旧的Angular指南代码工作得很好
@ViewChild(MatSort) sort: MatSort;
这里有4种方法来解决这个问题
Arunkumar Gudelli (2022) https://www.angularjswiki.com/angular/property-has-no-initializer-and-is-not-definitely-assigned-in-the-constructor/
转到你的tsconfig。Json文件,并更改属性:
"noImplicitReturns": false
然后加上
"strictPropertyInitialization": false
在"compilerOptions"属性下。
你的tsconfig。Json文件应该是这样的:
{
...
"compilerOptions": {
....
"noImplicitReturns": false,
....
"strictPropertyInitialization": false
},
"angularCompilerOptions": {
......
}
}
希望这能有所帮助!!
祝你好运