我在 Angular 应用程序的 Array 中显示已检查的数据时遇到问题。当我点击复选框时,我得到一个真实的值,但没有显示数据。数据具有空值。
StackBlitz:https ://stackblitz.com/edit/angular-ivy-kt2uag ? file = src%2Fapp%2Fapp.component.ts
代码:
组件.ts
我使用这个功能:
fetchSelectedItems() {
this.selectedItemsList = this.checkboxesDataList.filter((value, index) => {
console.log(value.selected);
return value.selected === true;
});
}
fetchCheckedIDs() {
this.checkedIDs = [];
this.checkboxesDataList.forEach((value, index) => {
if ((value.selected)) {
this.checkedIDs.push(value.code);
}
});
}
您正在呼叫fetchCheckedIDs()
只是ngOnInit(){}
。也调用你的方法fetchSelectedItems()
:
fetchSelectedItems() {
this.fetchCheckedIDs(); //call here
this.selectedItemsList = this.checkboxesDataList.filter((value, index) => {
console.log(value.selected);
return value.selected === true;
});
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句