Angular 2 formControlName внутри дочернего компонента formGroup

Я пытаюсь создать форму типа мастера, используя Reactive Forms. Ниже приведен фрагмент моего кода

<form [formGroup]="pizzaForm" novalidate>
    <wp-wizard navBarLocation="top">
         <wp-wizard-step title="Dough">
              <input type="text" id="dough" [formControlName]="dough">

Wizard и Wizard-Step работают без форм.

Когда я реализую их с помощью Reactive Forms и запускаю приложение, я вижу ошибки, как показано ниже.

Cannot find control with name: '[object Object]'

Я предполагаю, что это связано с тем, что dough formControlName не является непосредственным потомком pizzaForm formGroup. Хотя не уверен. Если причина в этом, как решить эту проблему? У меня есть несколько полей на каждом шаге мастера, и я думаю, что все поля должны по-прежнему принадлежать одной и той же форме, чтобы я мог отслеживать действительность формы. Или, может быть, у меня должны быть разные формы для каждого шага мастера?

Пожалуйста, дайте мне знать, если для понимания проблемы требуется дополнительная информация.


person TechCrunch    schedule 21.03.2017    source источник
comment
У вас есть переменная dogh в компоненте?   -  person nipuna777    schedule 21.03.2017
comment
Да. ~10 символов   -  person TechCrunch    schedule 21.03.2017
comment
И вы хотите передать строку с именем тесто в свойство [formControlName]?   -  person nipuna777    schedule 21.03.2017
comment
У меня есть переменная FormControl с именем dough. dough связан с pizzaForm с помощью FormBinding   -  person TechCrunch    schedule 21.03.2017
comment
formControlName должно быть привязано к строке, если я не ошибаюсь. Не могли бы вы загрузить пример plnkr?   -  person nipuna777    schedule 21.03.2017
comment
ты прав. Я должен использовать formControlName="dough" вместо [formControlName]="dough". Также мне не нужно было явно создавать тесто FormControl. Просто создайте его с помощью FormBuilder. Благодарю вас!   -  person TechCrunch    schedule 21.03.2017


Ответы (1)


Я по ошибке использовал [formControlName] вместо formControlName

person TechCrunch    schedule 21.03.2017