角度4の[（ngModel）] = "foo"と#fooの違いは？

Question

[(ngModel)]="foo"は、双方向バインディングを作成するのに役立ち、ビュー内で動的に変化するfooの値を参照できます。しかし、ビュー内に#fooを定義することも同じ効果があります。だから、彼らと私はどれを好むべきですか？

Answer 1

[（ngModel）] = "foo"はユーザー入力、検証、ステータスを追跡するFormControlのインスタンスを作成し、#fooはテンプレート内の現在のDOM要素/指令へのローカル参照です。 ngModelディレクティブは、＃foo = "ngModel"を要素に追加することによって、この#foo参照を自身に設定します。

あなたは、コンポーネントに固有の要素にアクセスすることができますよう

コンポーネントで

@ViewChild('foo') foo; 

とNgModel：

@ViewChild('foo', {read: NgModel}) foo;