Angular 2/4 - 带复选框的引用变量的奇怪行为

Question

此代码无效！

<input type="checkbox" value="1" #c>
<div *ngIf="c.checked">Show if checkbox is checked</div>

但这有效！为什么？！

<input type="checkbox" value="1" (change)="true" #c>
<div *ngIf="c.checked">Show if checkbox is checked</div>

Answer 1

Angular仅在应用程序执行某些操作以响应异步事件（例如击键，单击，更改，xmlhttprequest，setTimeout，Promise.then等等）时更新绑定（以及屏幕）（另请参阅{{3} }）

虽然语句(change)="true"在第二个示例中没有任何用处，但它满足Angular的要求，以便Angular更新屏幕。有关详细信息，请参阅what is the use of Zone.js in Angular 2。