我正在尝试保存位于图像网格上的复选框元素的选中ID。但是@Viewchild只给我第一项,而不是全部。 我尝试过
@ViewChildren("CB1") firstCheckBox: ElementRef;
但firstCheckBox.nativeElement。总是回来未定义
打字稿
@ViewChild("CB1") firstCheckBox: ElementRef;
“ sele”是一个布尔值,是图像数组中的一个标志,表示是否已选中它。
putme(id, sele) {
this._id = id;
this._sele = sele;
console.log(id);
console.log(sele);
console.log(this.firstCheckBox.nativeElement.checked);
const checkboxArray = new ObservableArray(this.emptyarraylist);
if (sele) {
checkboxArray.push(id);
} else if (!sele) {
checkboxArray.splice(id);
}
console.log(checkboxArray);
}
html
<GridLayout tkExampleTitle tkToggleNavButton class="topgrid" loaded="loaded" >
<RadListView [items]="dataItems" >
<ng-template tkListItemTemplate let-item="item">
<GridLayout class="garmentpick">
<Image [src]="item.image" (tap)="toggleCheck()" class="imageP" ></Image>
<CheckBox #CB1 [checked]=item.selected (tap)="putme(item.id, item.selected)" ></CheckBox>
</GridLayout>
</ng-template>
<ListViewGridLayout tkListViewLayout ios:itemHeight="200" spanCount="2"></ListViewGridLayout>
</RadListView>
数组
export const DATAITEMS: Array<DataItem> = [
{ id: 12548033, name: "Chefs Collection", description: "xxxx.",
image: "~/images/chefscollection.jpg",
selected: false}... ]