“角度2材料”复选框中的材料芯片不工作

Question

我用的是角度2和材料。我想在md-checkbox中添加md-chip。但是，当我在md-checkbox组件中添加md-chip时，不会选中复选框，也不会触发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>

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

Answer 1

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

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

请参考柱塞演示。