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">

在此示例中，为什么模板变量“ngModel”的值

1 个答案: