この例でなぜテンプレート変数 "ngModel"の値が

Question

であるのか説明していますが、この場合#nameテンプレート変数が "ngModel"に設定されている理由がわかりません。テンプレート変数を持つ2つまたは3つの入力フィールドがある場合は、その値を "ngModel"に設定しますか？

https://angular.io/guide/forms#show-and-hide-validation-error-messages

<label for="name">Name</label> 
<input type="text" class="form-control" id="name" 
     required 
     [(ngModel)]="model.name" name="name" 
     #name="ngModel"> 
<div [hidden]="name.valid || name.pristine" 
    class="alert alert-danger"> 
    Name is required 
</div> 

Answer 1

ngModelは、あなたがそれを有効に設定する必要がNgModelディレクティブのセレクタです。 ＃name = "ngModel"を設定すると、ngModelキーを使用してディレクティブをローカル変数にエクスポートできます。 そして、それぞれの入力は、それが自分の輸出だ持つことができ、すなわち

... 
<input type="text" class="form-control" id="name" 
     required 
     [(ngModel)]="model.name" name="name" 
     #name="ngModel"> 
... 
<input type="text" class="form-control" id="lastname" 
     required 
     [(ngModel)]="model.lastname" name="lastname" 
     #lastname="ngModel">