.ts 檔案：editUser(userData: user): void {
let selectedProjectIdsList = userData.projectIds.split(',')
for (let i = 0; i < selectedProjectIdsList.length; i ) {
this.projects
.filter((x) => x._id == selectedProjectIdsList[i])
.map((x) => (x.selected = true))
console.log(
this.projects
.filter((x) => x._id == selectedProjectIdsList[i])
.map((x) => (x.selected = true)),
)
}
.html 檔案：
<ul class="list-group list-row">
<li class="list-group-item" *ngFor="let item of projects">
<input
class="form-check-input me-1"
type="checkbox"
value="item._id"
(change)="onChangeProject()"
[(ngModel)]="item.selected"
name="selected"
/>
{{ item.projectName }} | {{ item.buName }} |`enter code here`
{{ item.reporter }}
</li>
</ul>
注意：從后端獲得 API 回應后，它選中了所有復選框
uj5u.com熱心網友回復：
- 如果您使用的是 a
[(ngModel)]那么您不應該使用value，反之亦然。 - 你
value沒有系結變數，而是系結了一個字串
-> 這將始終對應于一個checked復選框，因為該值不為空 -> 被視為“真”
<input type="checkbox" value="item._id" name="selected" />
-> 這將與您的變數系結，然后將根據您的變數的值顯示復選框。然后使用您onChangeProject()在其他地方更新您的變數。
<input type="checkbox" [value]="item._id" name="selected (change)="onChangeProject()" />
-> 這將自動更新您的物件
<input type="checkbox" [(ngModel)]="item.selected" name="selected" />
uj5u.com熱心網友回復：
此處發布了類似的問題。Presented 解決方案通過表單組和控制元件使用更原生的方法。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/334511.html
下一篇：org.springframework.beans.factory.BeanCreationException：創建名為“roleRepository”的bean時出錯