2016-03-02 4 views
1

У меня есть многоступенчатое AngularJs формы, которая использует ui.router см сторона ниже:AngularJS многоступенчатая форма (ui.router) представление

Как вы можете, что форма имеет несколько шагов, прежде чем он может быть представлен , Каждый шаг имеет свою собственную точку зрения.

Первоначально я имел только одну форму страницы и я заполнив форму на мой API следующим образом:

<form name="myForm" action="/signup" method="POST"> 

выше работал очень хорошо для одной формы страницы НО это не работает с многоступенчатая форма.

Причина: Я считаю, что при нажатии кнопки отправки на последнем этапе моей формы кнопка отправки не имеет доступа к входам пользователя в предыдущие шаги/страницы формы. И сервер/API требует всех пользовательских входов в запросе POST, следовательно, он отклоняется.

Так что мой вопрос, как я могу представить AngularJS многоступенчатого (ui.router) форму с помощью <form action="/signup" method="POST">

Я уже пытался проводки формы через функцию HTTP POST в Угловом $, но это не позволяет меня перенаправить пользователя на сервер с помощью паспорт.js. Вы можете увидеть подробную информацию по этому вопросу на моем SO question

Любая помощь будет оценена.

+0

Как вы храните данные для формы? –

+0

Вы можете обновить модель и сохранить ее в localStorage или что-то в этом роде, а затем восстановить ее на submit. И затем удалите хранилище :) – Alok

+0

@SatejS вы имеете в виду хранение на бэкэнде или переднем конце перед отправкой? – Skywalker

ответ

0

Эта логика совершенно неверна, если вы хотите использовать многоступенчатую форму в пользовательском интерфейсе, вы не должны использовать маршрутизацию, потому что один переход к следующей форме (следующий url), этот старый будет удален из DOM, так что вы можете 't сохранить уже введенные значения.

В этом случае вы можете просто перейти с помощью метода ng-if/ng-show/ng-hide для перехода к следующим шагам.

Все лучшее ... !!! голосуйте, если хотите

+0

Это не решение. –

+0

@ Kamal Raj Я не согласен, я думаю, что использование маршрутизации - хороший способ реализовать многоступенчатую форму. Это позволяет использовать для представления представлений в 'ui-view'. См. Эту ссылку, ранее предоставленную Satej S https://scotch.io/tutorials/angularjs-multi-step-form-using-ui-router – Skywalker

+0

helo знаете ли вы, что такое использование маршрутизатора ??? –