Angular2将地图的值绑定到复选框

Question

我正在尝试将地图的值绑定到 angular2 中的 html 复选框。

    this.profilType = new Map<string, boolean>();
    this.profilType.set("public", true);

到

    <input type="checkbox" [(ngModel)]="profilType['public']"/>

我之前尝试过，但它导致了错误。

    <input type="checkbox" [(ngModel)]="profilType.get('public')"/>

目前没有显示错误，但似乎也没有绑定。

我通过使用（点击）机制找到了一些解决方案，但这不相关。复选框确实需要对组件更改做出反应。

有没有办法做到这一点，或者我应该使用不同的方法（也欢迎提出建议）。

谢谢

Answer 1

我只能让“盒子里的香蕉”语法与 getter/setter 一起工作：

  get isPublic(): boolean {
    return this.profilType.get("public");
  }

  set isPublic(val: boolean) {
    this.profilType.set("public", val);
  }

  <input type="checkbox" [(ngModel)]="isPublic" />

但是你可以像这样直接调用地图：

<input type="checkbox" [ngModel]="profilType.get('public')" (ngModelChange)="profilType.set('public', $event)" />

请注意，这些 getter 会被非常频繁地调用。如果性能是一个问题，您最好使用ngModelChange 将布尔值复制到地图/从地图复制：

  this.isPublic = true;
  this.profilType.set("public", true);

  public setPublic() {
    this.profilType.set("public", this.isPublic);
  }

<input type="checkbox" [(ngModel)]="isPublic" (ngModelChange)="setPublic()" />