ngForm.controls печатает неопределенное в угловых - PullRequest
Новая
       9

ngForm.controls печатает неопределенное в угловых

0 голосов
/ 05 июля 2018

У меня есть этот 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('Name should be obligatory', async(() => {
  setTimeout(() => {
    console.log(component.formCercarUsuari);
    console.log('doesnt work' + component.formCercarUsuari.controls['nif']);
  });
}));

Теперь первая строка componet.forCercaUsuari prints: NgForm {.... controls,....}, menawhile componet.forCercaUsuari.controls печать undefined.

Что я делаю не так?

1 Ответ

0 голосов
/ 05 июля 2018

Как указано в документации :

Чтобы зарегистрировать дочерние элементы управления в форме, вам нужно использовать NgModel с атрибутом name. 

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

Это должно дать вам доступ к вашей форме ввода.

...