angular2表单验证：获取ngForm的实例

发布时间：2020-12-17 17:26:30 所属栏目：安全来源：网络整理

导读：如何在组件中引用“myform”？可能吗？必须使用formbuilder(我试图避免使用它)？ form #myForm="ngForm" label class="col-sm-12" [class.ng-invalid]="!(value.valid || Value.pristine)"Value/label input type="text" required ngControl="value" #value

如何在组件中引用“myform”？可能吗？
必须使用formbuilder(我试图避免使用它)？

<form #myForm="ngForm">
    <label class="col-sm-12" [class.ng-invalid]="!(value.valid || Value.pristine)">Value</label>
    <input type="text"  required ngControl="value" #value="ngForm" class="form-control text-center" [(ngModel)]="value" />
  </form>

解决方法

实际上还有另一种方法可以做到这一点.您可以使用ViewChild注释,这里您的示例适用：

<form #myForm="ngForm">
<label class="col-sm-12" [class.ng-invalid]="!(value.valid || Value.pristine)">Value</label>
<input type="text"  required ngControl="value" #value="ngForm" class="form-control text-center" [(ngModel)]="value" />

class MyForm {
  @ViewChild('myForm') form;
  ngAfterViewInit() {
    console.log(this.form)
    this.form.control.valueChanges
      .subscribe(values => console.log(values));
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!