以下に入力テキストボックスで説明するテンプレート参照変数の表記法の違いを理解したいと思います。テンプレート参照変数（角2）のref-prefixと＃の違い
<input type="text" name='name' #name [(ngModel)]='model'>
<input type="text" name='name' ref-name [(ngModel)]='model'>
#NAMEとREF-名を使用しての違いは何ですか。
ref-nameを使用して変数の有効範囲が変更されますか？
誰かがベストプラクティスと理由を提案できますか？
これらは、まったく同じものの2つの異なる構文です。
このように考えることができます：一部の人（および編集者）は新しい「＃変数」構文が気に入らないため、Angularはより「美味しい」構文を使用して全く同じ機能を使用するオプションを提供します。テンプレートの参照変数を使用して
テンプレート参照変数は、DOMプロパティにアクセスできる変数です。参照変数とは、その要素、コンポーネント、または指令に付された参照変数を指します。テンプレート全体のどこにでもアクセスできます。
<input type="text" name='name' #name [(ngModel)]='model'>
#nameは要素の名前変数を宣言します。 参照番号は...は常にref-を意味します。 * ngForの＃またはref-outsideを使用してください。 また、次のURLを参照することができます。http://www.concretepage.com/angular-2/angular-2-template-reference-variable-example
Template reference variable is a variable using which we can access DOM properties.
我々はDOM要素のプロパティの値にアクセスします。テンプレート参照変数は、接頭辞として＃とref-を使用して宣言されます（たとえば、#itemおよびref-item）。
<input type="text" #name placeholder="Enter your name" />
を使用してテンプレートの参照変数ここ#nameは、私たちが指定した場合、それは「私たちのテキストボックスのプレースホルダ」を与える、我々は
name.placeholderに従ってくださいDOMプロパティを取得するために、テンプレートの参照変数であります。
name.valueそれは私たちのテキストボックスの "価値"を私たちに与えます。
name.typeこれは、私たちのテキストボックスの "タイプ"に私たちを与えます。
ここに私が作成した私の例があります。
HTMLページ
あなたはref-name参照変数を使用して同じことを行うことができ、出力
。