2018年6月6日 星期三

[Ang]雙向繫結 two-way binding 、範本參考變數 template reference variables

雙向繫結 two-way binding  [( )]
會自動做到 {{屬性}} 及 (事件),

在app.module.ts 中import ngModel:
import { FormsModule } from '@angular/forms';

component 建立 propertyName,
template tag裡寫入 [(ngModel)]="propertyName"
也可以輸入a-,vs code擴充的 angular extension pack會自動跳出選單,
tab之後就會變成 [( ... )],非常方便。

範本參考變數 template reference variables #name
可套用到任意 tag內,有點類似 id,直接在 template對它進行動作。


沒有留言:

張貼留言