我在擴展標題下設計了動態復選框列表，因為它是動態的，所以如何動態獲取所有復選框值并將其發送到 API？PS 如何從API循環顯示這樣的動態列表？我對 Angular 和 Tyepscript 很陌生，所以我需要一些幫助。下面是API的響應，我如何根據categoryID對它們進行分組？{"code": "200","message": "Success","data": [ { "categoryId": "ADMDSHB", "accessId": "ADPRATE", "catAccessStatus": "A", "createdBy": null, "updatedBy": null, "createdAt": "2020-04-09T09:22:16.000Z", "updatedAt": "2020-04-09T09:22:16.000Z", "BoRefCategory": { "categoryId": "ADMDSHB", "categoryDesc": "Dashboard-admin" }, "BoRefAccess": { "accessId": "ADPRATE", "accessDesc": "Adoption Rate" } }, { "categoryId": "ADMDSHB", "accessId": "AGTMLR", "catAccessStatus": "A", "createdBy": null, "updatedBy": null, "createdAt": "2020-04-09T09:22:33.000Z", "updatedAt": "2020-04-09T09:22:33.000Z", "BoRefCategory": { "categoryId": "ADMDSHB", "categoryDesc": "Dashboard-admin" }, "BoRefAccess": { "accessId": "AGTMLR", "accessDesc": "Agent MLR" } }, { "categoryId": "ADMDSHB", "accessId": "AGTMLR", "catAccessStatus": "A", "createdBy": null, "updatedBy": null, "createdAt": "2020-04-09T12:07:44.000Z", "updatedAt": "2020-04-09T12:07:44.000Z", "BoRefCategory": { "categoryId": "ADMDSHB", "categoryDesc": "Dashboard-admin" }, "BoRefAccess": { "accessId": "AGTMLR", "accessDesc": "Agent MLR" } }]}
1 回答
臨摹微笑
TA貢獻1982條經驗 獲得超2個贊
您好，您可以將復選框分配給 ts 文件中具有名稱和值的對象數組，如下所示：
selectedBoxes = [ {
name: "Adoption Rate",
status: true
},
{
name: "Agent MLR",
status: false
},
{
name: "Agent Test",
status: false
}]
onRefresh(){
console.log(this.selectedBoxes);
}
然后在你的html中：
<div *ngFor="let box of selectedBoxes">
<input type="checkbox" [(ngModel)]="box.status" value="test" (ngModelChange)="onRefresh()">
{{box.name}} </div>
現在，當您檢查值時，您可以看到 onRefresh 函數中所做的更改。
/// 更新以獲取來自 api 的示例響應：
selectedBoxes = [ ];
ngOnInit() {
for( let i in this.response.data){
this.selectedBoxes.push({name: this.response.data[i].BoRefAccess.accessDesc, status: false})
}
}
- 1 回答
- 0 關注
- 161 瀏覽
添加回答
舉報
0/150
提交
取消