我希望列表中的每個文本都附加一個復選框。像這樣：文本1 [復選框1]文本2 [復選框2]文本3 [復選框3]文本4 [復選框4]該列表是動態的，因此復選框也應該動態顯示在列表的每個項目旁邊。我應該能夠在開始時設置每個復選框的默認值，并在用戶單擊它們時收集它們的值。我已經嘗試過這個：<div *ngIf = "blogs.length > 0"> <ul> <li *ngFor = "let blog of blogs" (click) = "onSelect(blog)" [class.selected] = "blog === clickedOnThisBlog"> <a *ngIf = "blog.show === true" routerLink = "/editor/{{blog.id}}"> {{blog.title}} creationDate: {{blog.creationDate}} modificationDate: {{blog.modificationDate}} </a> <a *ngIf = "blog.show === true"> <input type = "checkbox" [ngModel] = "checkboxChecked" #checkbox_l = "ngModel" value = "blog" (click) = "onCheckboxClicked( checkbox_l, value )" > </a> </li> </ul></div>此代碼的前半部分顯示文本列表。在后半部分，我嘗試將復選框附加到每個文本上。我不知道如何將復選框列表鏈接回文件.ts，以便我可以在其中的一處控制它們。這是模板驅動的代碼。必須使用ngModel。出路何在？
1 回答
qq_遁去的一_1
TA貢獻1725條經驗 獲得超8個贊
我在對應的.ts文件中定義了一個數組，如下：
checkboxes: CheckboxStructure[] = []
CheckboxStructure定義如下：
export interface CheckboxStructure
{
id: number
value: boolean
}
我寫入let i = index并*ngFor附加了checkboxes數組的特定字段，[ngModel]如下所示：[ngModel] = "checkboxes[i].value"
<div *ngIf = "blogs.length > 0">
<ul>
<li *ngFor = "let blog of blogs; let i = index;" >
<a *ngIf = "blog.show === true" routerLink = "/editor/{{blog.id}}">
{{blog.title}}
creationDate: {{blog.creationDate}}
modificationDate: {{blog.modificationDate}}
</a>
<a *ngIf = "blog.show === true">
<input type = "checkbox"
[ngModel] = "checkboxes[i].value">
</a>
</li>
</ul>
</div>
- 1 回答
- 0 關注
- 114 瀏覽
添加回答
舉報
0/150
提交
取消