默认情况下,ngModel
的{{1}}设置为true,检查和取消选中操作时设置为false。
我希望将值设置为不同的值,而不是true和false。我尝试过使用checkboxes
和[ngValue]
,但没有任何效果。怎么做?
实际情况是:
我的标记和代码:
[value]
我希望从中获得的是,在<template ngFor let-item [ngForOf]="categories" let-i="index">
<input id="{{item}}" type="checkbox" name="{{item}}" [(ngModel)]="categoriesSelected[i]" [ngValue]="item">
<label htmlFor="{{item}}">{{item}}</label>
</template>
数组中,当选中和取消选中复选框时,项目名称将填充和不填充。
但这不起作用,因为categoriesSelected
无法识别。
我必须做以下事情:
ngValue
在<template ngFor let-item [ngForOf]="categories" let-i="index">
<input id="{{item}}" type="checkbox" name="{{item}}" [ngModel]="categoriesSelected[i]" (change)="checkChange(i, item, 'category')" >
<label htmlFor="{{item}}">{{item}}</label>
</template>
函数中,我将项值设置为checkChange
数组的ith
索引,后来我只将其输出到categoriesSelected
。