【问题标题】:the status of the md-checkbox in angular2angular2 中 md 复选框的状态
【发布时间】:2017-04-24 19:16:00
【问题描述】:

我有这个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;
    }   
}

为什么会安慰

无法读取未定义的“已检查”属性

它正在处理checkbox 类型中的普通input 元素,是否有任何替代方法可以不断检查(每次点击md-checkbox 的状态?

【问题讨论】:

    标签: angular typescript angular-material


    【解决方案1】:

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

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

    但有解决方法

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

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

    【讨论】:

    • 好,之前的一个问题,ng-checked 的主要用途是什么,如果我删除它,它仍然可以工作?
    • 它仅用于复选框的初始状态:)
    • hhh ,我刚刚说过“之前”,即:在接受答案之前.. 好的 :)
    【解决方案2】:

    尝试使用event.checked 而不是event.target.checked&lt;md-checkbox&gt; 使用自己的更改,而不是常规的 &lt;checkbox&gt;。看看MdCheckboxChange

    【讨论】:

      猜你喜欢
      • 2017-03-07
      • 1970-01-01
      • 2017-08-02
      • 1970-01-01
      • 2023-03-17
      • 1970-01-01
      • 2013-10-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多