angular2中md-checkbox的状态

时间:2016-12-09 10:27:08

标签: angular typescript angular-material

我有md-checkbox元素:

<md-checkbox (change)="showPaidOrders($event)">
    <span class="show-orders-label">{{'paid' | translate}}</span>
</md-checkbox>

及其TS实施:

showPaidOrders(event) {
    if (event.target.checked) {
      return true;
    }   
}

为什么安慰

  

无法阅读财产&#39;已检查&#39;未定义的

它正在处理其input类型中的ordianry checkbox元素,是否可以选择不断检查(每次点击){{1 }

2 个答案:

答案 0 :(得分:1)

https://github.com/angular/material/issues/535

md-checkbox不支持选中。如果你认为有必要,你可以 提交更新指令范围以接受的pull请求 ng-checked / checked作为属性并在存在时传递该值 指令模板中的输入。

但有解决方法

<md-checkbox ng-model="truthy" ng-checked="true" label="md-checkbox">{{truthy}}</md-checkbox>

http://plnkr.co/edit/RKwM5mRYLh5k6MoAyLnS?p=preview

答案 1 :(得分:1)

尝试使用event.checked代替event.target.checked<md-checkbox>使用自己的更改,而不是常规<checkbox>。看看MdCheckboxChange