ngForm.controls打印未定义的角度 [英] ngForm.controls prints undefined in angular

问题描述

我有这个html语言可以进行角度测试：

 < form name = formCercarUsiari＃formCercarUsuari = ngForm class = tab-content> 
< input #inputNif class = form-control input-height maxlength = 100 type = text placeholder = Indiqui NIF name = nif i18n-placeholder = From placeholder> 
< / form> 
  

在我的权限中，我采用这样的引用：

  @ViewChild（'formCercarUsuari'）formCercarUsuari：NgForm; 
  

在我的测试文件中：

  fit（'名称应为必填项'，async（（）=> {
 setTimeout（（）=> {
 console.log（component.formCercarUsuari） ; 
 console.log（'doesnt work'+ component.formCercarUsuari.controls ['nif']）; 
}）; 
}）））; 
  

现在第一行 componet.forCercaUsuari打印：NgForm {...。控件，....}，
同时 componet.forCercaUsuari.controls 打印未定义。

我在做什么错了？

解决方案

文档中所述：

要使用该表单注册子控件，您需要使用名称 NgModel c $ c>属性。

 < ; form name = formCercarUsiari＃formCercarUsuari = ngForm class = tab-content> < input #inputNif ngModel class = form-control input-height maxlength = 100 type = text placeholder = Indiqui NIF name = nif i18n-placeholder = From placeholder>< /表单>  

应该可以访问表单输入。 / p>

I have this html to test in angular:

<form name="formCercarUsiari" #formCercarUsuari="ngForm" class="tab-content">
  <input #inputNif class="form-control input-height" maxlength="100" type="text" placeholder="Indiqui NIF" name="nif" i18n-placeholder="From placeholder">
</form>

Inside my compenent I take the reference like this:

@ViewChild('formCercarUsuari') formCercarUsuari: NgForm;

And in my test files:

fit('Name should be obligatory', async(() => {
  setTimeout(() => {
    console.log(component.formCercarUsuari);
    console.log('doesnt work' + component.formCercarUsuari.controls['nif']);
  });
}));

Now the first line componet.forCercaUsuari prints: NgForm {.... controls,....}, menawhile componet.forCercaUsuari.controls prints undefined.

What am I doing wrong?

解决方案

As stated in the docs:

To register child controls with the form, you'll want to use NgModel with a name attribute.

<form name="formCercarUsiari" #formCercarUsuari="ngForm" class="tab-content">
   <input #inputNif ngModel class="form-control input-height" maxlength="100" type="text" placeholder="Indiqui NIF" name="nif" i18n-placeholder="From placeholder">
</form>

That should give you access to your form input.

这篇关于ngForm.controls打印未定义的角度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！