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

Question

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

演示

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 绑定响应中的值并使用这些值进行复选框？

Answer 1

我想你想要类似Stackblitz Fork的东西

如果是这种情况，那么您就错过了：

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

您可以在此处和此处阅读ngOnInit()的说明

总结：

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

有关生命周期挂钩的更多说明