angular - 在这个例子中为什么模板变量的值是 "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">