角度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

角更新綁定（因此屏幕）只有當應用程序做了響應異步事件，比如鍵盤，點擊，改變的XMLHttpRequest，setTimeout的，Promise.then等（見what is the use of Zone.js in Angular 2）

雖然陳述(change)="true"在第二個示例中沒有任何用處，但它符合Angular的要求，因此Angular將更新屏幕。有關更多詳細信息，請參閱reference variable in angular template。