angular 2 material material 芯片内的复选框不工作

Question

我正在使用 angular 2 和 material。我想在 md-chip 中添加 md-checkbox。但是当我在 md-chip 组件中添加 md-checkbox 时，复选框没有被选中并且 ngModelChange 事件没有被触发。

<md-chip-list>
  <md-chip>
    <md-checkbox [(ngModel)]="season" name="ss" value="joo" (ngModelChange)="changed()">Check me!</md-checkbox>
  </md-chip>
</md-chip-list>

工作 plunker：https://plnkr.co/edit/YNsaNrmWFjyaFl5cOUhg?p=preview

Answer 1

这是md-chip和md-checkbox点击事件冲突造成的。根据您的要求，您可以通过将 disabled 设置为 true 来禁用 md-chip 的点击事件。

<md-chip disabled="true">
    <md-checkbox [(ngModel)]="season" name="ss" value="joo" (ngModelChange)="changed()">
        Check me!
    </md-checkbox>
</md-chip>

参考Plunker demo.

angular 2 material material 芯片内的复选框不工作

angular 2 material checkbox inside material chips not working

angular-material2

angular