Question

我在点击按钮时使用模态对话框。在那里，我在listview中使用了开关控制。

对于listview中的每个行项目，我需要执行开关控制以获取值。

编辑：

app.modal.html：

  <ListView  [items]="getListData" class="list" height="160">
        <ng-template let-item="item" let-myIndex="index">

            <GridLayout rows="*" columns="1.5*, auto, auto">

                    <Label row="0" col="0" class="item-name" [text]="item.category" ></Label>

                    <Switch row="0" col="1" [checked]="item.toggleVal" (checkedChange)="onFirstChecked($event, myIndex)"></Switch>

                    <Image row="0" col="2" src="res://menu_alert" stretch="none"></Image>

            </GridLayout>

        </ng-template>
    </ListView>

app.modal.ts文件：

public map: Map<number, boolean>;

public newFeedsList: Array<NewFeed> = [];

public constructor(private params: ModalDialogParams) {


this.map = new Map<number, boolean>();


}

  public onFirstChecked(args, index: number) {

     let firstSwitch = <Switch>args.object;

     if(index != null && firstSwitch.checked){

        this.map.set(this.newFeedsList[index].id , firstSwitch.checked);


        console.log("Map :",this.map);
        console.log("Map :", JSON.stringify(this.map));


      } else {


      }

    }

NewFeed.ts：

export class NewFeed {
constructor(public id: number,public toggleVal : string, public title: string, public description:string, public date:string,public category:string, public imageUrl:string,public iconName:string) {}

}

因此，当我在listview行项目中启用切换时，我将索引存储在Array中。

发生了什么：

现在我无法在控制台中打印哈希地图。它在控制台中显示Map:[object Map]。

我需要什么：

当我点击listview行项目中的切换时，必须将NewFeed id和toggleVal作为键和值。所以我使用了地图。

在那里我将id保存为密钥，将toggleVal保存为map中的值。但是我无法在map中添加id和toggleVal。所以我不知道这两个值是否为在地图中添加。

如果我们切换单个列表视图行项目，它应该在相同位置改变＆＃39; n＆＃39;次数。

Answer 1

为什么不通过index = value保存它？你会得到一个像：

这样的数组

[
    true,  //index 0 is checked
    false, //index 1 is unchecked
    true,  //index 2 is checked
    ...    //globally index n is value
]

并构建它：

public onFirstChecked(args, index: number) {
    let firstSwitch = <Switch>args.object; 
    //always assign whenever it is checked or not
    Global.newFeedArr[index] = firstSwitch.checked; 
}

<强>更新：

像你一样使用Map class，并在每次检查时存储值：

public map: Map<number, boolean>;
constructor() {
    this.map = new Map<number, boolean>();
}
public onFirstChecked(args, index: number) {
    let firstSwitch = <Switch>args.object;
    this.map.set(this. newFeedsList[index].id, firstSwitch.checked);
    //this is a debug to display current entries
    console.log('this.map entries are:');
    this.map.forEach(function (value, key) {
        console.log(key + ' = ' + value);
    });
}

如何在angular2 nativescript中按顺序从listview行项中获取所有切换控制值

1 个答案: