在此示例中,为什么模板变量的值"ngModel"

  • 本文关键字:变量 ngModel angular
  • 更新时间 :
  • 英文 :


在此示例中,我看到了说明,但我仍然不确定我是否理解为什么在这种情况下,#Name Template变量将其设置为" 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>

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

最新更新