Как связать формы друг с другом (угловые)? - PullRequest
0 голосов
/ 30 января 2019

Я хотел бы реализовать процесс регистрации.Есть 4 формы, одна с основной информацией, другая о предпочтениях местоположения и так далее.Я создал компонент, который использует службу данных для связи с бэкэндом.Этот основной компонент имеет 4 дочерних компонента, которые содержат соответствующие формы.Первая форма создает объект, и мне нужен этот объект во второй форме.Вывод второй формы необходим в третьей форме, это также относится и к последней форме.Я хотел бы также настроить маршрутизацию, но это может не потребоваться.

<app-basicinfo-form (output)="onDataChange($event)"></app-basicinfo-form> Так я получаю вывод из первой формы в основной компонент.Я хотел бы передать этот вывод во вторую форму из основного компонента.<app-locationpref-form [object]="..."></<app-locationpref-form>> Что мне написать в это место?И как я могу добиться, чтобы формы отображались одна за другой?

Это из модуля, который я создал для компонентов.const routes: Routes = [ { path: 'enrollment', children: [ { path: '', component: EnrollmentComponent }, { path: 'basicinfo', component: BasicinfoFormComponent }, { path: 'location', component: LocationFormComponent }, { path: 'role', component: RoleFormComponent }, { path: 'tools', component: ToolsFormComponent } ] } ];

Мне нужно что-то здесь?Как я могу передать объект между формами?

1 Ответ

0 голосов
/ 30 января 2019

Если вы готовы использовать Angular Material, я думаю, что шаговый контроль удовлетворит вашу потребность.Также может быть полезен элемент управления Tab с формами на каждой вкладке и кнопками навигации между формами.

См. Ссылки ниже:

https://material.angular.io/components/stepper/overview

https://material.angular.io/components/tabs/overview

Я лично использовал оба для своих клиентов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...