angular - angular2 中 md-checkbox 的状态

标签 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;
    }   
}

为什么它令人安慰

cannot read property 'checked' of undefined

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

最佳答案

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

关于angular - angular2 中 md-checkbox 的状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41058226/

相关文章:

Angular Material - 更改选定的 mat-list-option 的颜色

angular - primeng:安装 Angular 16.2.0 版本

angular - 如何在预提交时运行 ng lint 并检测错误?

typescript - Karma 中的 Sourcemapping TypeScript

angular - 订阅嵌套的 Observable

assets - TypeScript Assets 管理器

javascript - Angular Material 使用 $http 调用自动完成

javascript - RxJS - forkJoin 何时触发?

html - 如何使用 Angular Material 创建粘性 header ?

Angular 文本区域 matInput : how can set max length/line + max number of lines