1
[(ngModel)]="foo"
有助於創建雙向綁定,並讓我們引用動態更改視圖中foo的值。但在視圖中定義#foo
也具有相同的效果。那麼它們之間有什麼區別,我應該選擇哪一個?Angular 4中[(ngModel)] =「foo」和#foo之間的區別?
[(ngModel)]="foo"
有助於創建雙向綁定,並讓我們引用動態更改視圖中foo的值。但在視圖中定義#foo
也具有相同的效果。那麼它們之間有什麼區別,我應該選擇哪一個?Angular 4中[(ngModel)] =「foo」和#foo之間的區別?
[(ngModel)] =「foo」創建一個FormControl實例來跟蹤用戶輸入,驗證和狀態,#foo是模板中當前DOM元素/指令的本地引用。 ngModel指令通過向元素添加#foo =「ngModel」來設置此#foo引用自身。
可以在組件訪問本地元素:在組件作爲
@ViewChild('foo') foo;
和NgModel:
@ViewChild('foo', {read: NgModel}) foo;