Fatal编程技术网
  • html/
  • 如何将formValidity指定为ngModel双向绑定的HTML5元素的值

如何将formValidity指定为ngModel双向绑定的HTML5元素的值

html angular validation forms

如何将formValidity指定为ngModel双向绑定的HTML5元素的值,html,angular,validation,forms,Html,Angular,Validation,Forms,我必须将从myForm.valid获取的布尔值传递给我的Angular 2组件。它是一个模板驱动的表单。我希望通过双向绑定将其放入组件中。下面的代码不起作用。如何获取角度2组件的myForm.valid值 <form #myForm=“ngForm"> . . <input type="hidden" id="isValid" name="isValid" [(ngModel)]="isValid" value="myForm.valid"/> . . </form

我必须将从
myForm.valid
获取的
布尔值传递给我的Angular 2组件。它是一个模板驱动的表单。我希望通过双向绑定将其放入组件中。下面的代码不起作用。如何获取角度2组件的
myForm.valid
值


<form #myForm=“ngForm">
.
.
<input type="hidden" id="isValid" name="isValid" [(ngModel)]="isValid" value="myForm.valid"/>
.
.
</form>



不确定这里所说的双向绑定是什么意思，但由于您试图将表单的有效性状态带到组件属性（在模板驱动表单中，在被动表单中更容易实现，仅供参考），因此不必将其绑定到
输入
元素的属性之一。您可以直接确定使用
@ViewChild（）
decorator获取表单的模板引用变量
myForm
（请参见模板中的
不确定此处的双向绑定是什么意思，但因为您正试图将表单的有效性状态带到组件属性（在模板驱动的表单中，在反应式表单中更容易实现，仅供参考），您不必将其绑定到
输入
元素的属性之一。您可以直接确定使用
@ViewChild（）
装饰器获取表单的模板引用变量，
myForm
（请参见模板中的，
显示您的代码您是否应该看到代码。谢谢！它是反应式表单还是模板驱动表单？请显示您的代码您是否应该看到代码。谢谢！它是反应式表单还是模板驱动表单？

import { AfterViewInit } from '@angular/core;
import { NgForm } from '@angular/forms';

export class MyComponent implements AfterViewInit { // has to implement this interface along with other interfaces you may have

@ViewChild(NgForm) form: NgForm;

ngAfterViewInit(): void {
 console.log(this.form.valid); // gives you the form's validity status
}