input在数据切换后还可以保持选中状态

在HTML中:

<input type="checkbox"  (click)="number($event,item.id)" 
                [checked]="item.choseStatus ==1" id="in{{item.id}}">
              <label for="in{{item.id}}"></label>
在ts/js中:
  this.http
      .post(
        发送请求的相关数据
      )
      .map(res => res.json())
      .subscribe(
        res => {
      //判断是否成功
          if (res.code == 200) { 
      //判断是否有数据
            if (res.data.length > 0) {
              this.list = res.data;
              for (var i = 0; i < this.list.length; i++) {
                // 循环所有已选的课程包括必选课程
                for (var j = 0; j < this.nub.length; j++) {
                  // 判断所有课程的id是否是已选和必选课程的id
                  if (this.list[i].id == this.nub[j]) {
                    this.list[i].choseStatus = 1; //添加新的属性 说明此数据 已选
                    continue;//结束本次循环
                  }
                }
              }
            } else {
              this.list = [];
            }
          } else {
            this.list = [];
          }
        }
      );
注:标记颜色部分为重点部分
posted @ 2020-02-20 09:53  咱也不敢问  阅读(446)  评论(0编辑  收藏  举报