在这个例子中，为什么模板变量“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">