绑定响应中的值,并使用angular2使复选框具有这些值

时间:2019-01-04 08:29:26

标签: angular

我有2个API,其中1个API用于点击以获取菜单列表。保存选中的列表后,另一个 API 用于使用“值”获取数据。因此,根据数据,我必须取消选中值为0的框,并检查值是否为1。

Demo

TS:

getUserMenu() {
let data = [{HasCaseManagement: 1,HasDicom: 0,HasEMR: 1,HasHomeDashboard: 1,HasReport: 1,HasSystemSettings: 1,HasUserManagement: 0,Id: 54,UserId: 1387}]
        data.map(a => {
          this.userMenu.map(r => {
            if (r == a) {
              r.isChecked = true;
              this.selectedMenuIds.push(a)
              this.selectedMenuIds = this.userMenu.filter(x => x.isChecked).map(y => y);
            }
          })
        })
   }

这里的数据是我从API获得的针对特定用户的响应。这样我就可以将检查值绑定为1,取消检查是否为0。

如何绑定响应中的值并使复选框与使用angular2的值相同?

1 个答案:

答案 0 :(得分:1)

我认为您想要类似Stackblitz Fork

中的内容

如果是这种情况,那么您就丢失了:

 getUserMenu() {
    ...
    this.userMenu = data;
  }

  ngOnInit() {
    this.getUserMenu();
  }

您可以阅读ngOnInit() herehere

的说明

摘要:

  

一个生命周期钩子,在Angular初始化所有生命周期钩子后调用   指令的数据绑定属性。定义ngOnInit()方法来   处理任何其他初始化任务。

有关lifecycle hooks

的更多说明