开发笔记:MatCheckboxpreventDefault（）和event.checked值

如何实现Material复选框，以便默认情况下不会选中/取消选中（例如，在事件上调用preventDefault()）并从事件中获取checked值？

似乎我只能达到其中一个条件。使用(click)事件我无法获取复选框的值并使用(change)事件我无法阻止默认复选框值更改（我只会在基础HTTP请求成功时更改复选框值）。

Stackblitz：https://stackblitz.com/edit/matcheckbox-checked

[checked]="checked"
(click)="onClick($event)"
>onClick me!


[checked]="checked"
(change)="onChange($event); false"
>onChange me!
export class CheckboxOverviewExample {
checked: boolean = false;
onClick(event) {
event.preventDefault();
console.log('onClick event.checked ' + event.checked);
console.log('onClick event.target.checked '+event.target.checked);
}
onChange(event) {
// can't event.preventDefault();
console.log('onChange event.checked '+event.checked);
}
}


(click)事件打印undefined值，但成功阻止事件传播，(change)事件打印值但会传播事件。

连接问题：

• https://github.com/angular/material2/issues/1142


• https://github.com/angular/angular/issues/2042


• https://github.com/angular/material2/issues/13156