我希望列表中的每個(gè)文本都附加一個(gè)復(fù)選框。像這樣：文本1 [復(fù)選框1]文本2 [復(fù)選框2]文本3 [復(fù)選框3]文本4 [復(fù)選框4]該列表是動(dòng)態(tài)的，因此復(fù)選框也應(yīng)該動(dòng)態(tài)顯示在列表的每個(gè)項(xiàng)目旁邊。我應(yīng)該能夠在開始時(shí)設(shè)置每個(gè)復(fù)選框的默認(rèn)值，并在用戶單擊它們時(shí)收集它們的值。我已經(jīng)嘗試過這個(gè)：<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>此代碼的前半部分顯示文本列表。在后半部分，我嘗試將復(fù)選框附加到每個(gè)文本上。我不知道如何將復(fù)選框列表鏈接回文件.ts，以便我可以在其中的一處控制它們。這是模板驅(qū)動(dòng)的代碼。必須使用ngModel。出路何在？
1 回答
qq_遁去的一_1
TA貢獻(xiàn)1725條經(jīng)驗(yàn) 獲得超8個(gè)贊
我在對(duì)應(yīng)的.ts文件中定義了一個(gè)數(shù)組，如下：
checkboxes: CheckboxStructure[] = []
CheckboxStructure定義如下：
export interface CheckboxStructure
{
id: number
value: boolean
}
我寫入let i = index并*ngFor附加了checkboxes數(shù)組的特定字段，[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 關(guān)注
- 124 瀏覽
添加回答
舉報(bào)
0/150
提交
取消