我目前正在使用Angular的KendoUI组件在Angular 2(4)上开发应用程序。
现在我正在尝试使用DropdownList实现简单的表单。该下拉列表的数据是从远程api加载的。问题是,当打开下拉列表时,我收到一个非常令人困惑的错误:
ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: '590px'.
我没有在Angular中获得任何帮助,所以任何帮助都将受到赞赏。
标记:
<kendo-dropdownlist formControlName="parentCompanyId" class="form-control" [valuePrimitive]="true" [data]="parentCompanys"
textField="name" valueField="id" ></kendo-dropdownlist>
组分(简化的):
export class EmployerComponent implements AfterViewInit {
public Employer: Employer = new Employer();
public employerForm: FormGroup;
public parentCompanys: Array<any> = [];
constructor(private employersService: EmployersService) {
}
ngOnInit() {
this.employerForm = new FormGroup({
parentCompanyId: new FormControl(this.Employer.ParentCompanyId, [
Validators.required
])
});
}
ngAfterViewInit() {
this.employersService.getCompanies().subscribe(response => {
this.parentCompanys = response.data;
});
}
}
UPD:04.07.2017
我花了一些时间尝试使用评论(link)中提到的问题的不同解决方案解决此问题,但没有取得任何成功。
但今天我更新了我的kendo-ui软件包,似乎错误消失了。我不确定,但看起来它是kendo-ui组件中的一个错误。
我认为与此问题相关的链接