如何获取Nativescript中复选框的所有元素值?

时间:2019-01-30 08:46:14

标签: angular typescript nativescript

我正在尝试保存位于图像网格上的复选框元素的选中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}... ]

enter image description here

0 个答案:

没有答案