2016-08-21 5 views
-1

Я пытаюсь создать точно такие же форму, приведенную в этой скрипке steb by step angular formAngularjs шаг за шагом формами

, но всякий раз, когда я нажимаю на следующих данных кнопок, введенных в первом шаге сбросах .. как я могу предотвратить это? При отправке все данные не определены при чтении в javascript.

Пожалуйста, помогите мне ..

+1

Опубликовать один вопрос в вопрос и разместить все соответствующие коды. Также приветствуется plunkr, воспроизводящий проблему. –

+0

Предоставьте свой собственный код, чтобы мы могли видеть, в чем проблема. Но в качестве предположения проверьте, что все данные формы связаны с одной и той же «областью», что означает, что все они обрабатываются одним контроллером. Храните все данные в объекте в пределах области, например 'ng-model =" user.name "и т. Д. Таким образом, все данные формы находятся в объекте' user'. – Skywalker

+0

Я пытаюсь запустить тот же пример, указанный в ссылке ... после заполнения формы 1-го шага, если я нажму на следующий шаг, он перейдет к шагу 2, но если я хочу сделать какие-либо изменения на предыдущем шаге ... после щелчка на предыдущем чтобы все данные были введены ранее, необходимо сохранить все поля, но все поля пустые. – yog

ответ

1

В коде JsFiddle вы условие, что вы не сохраняя данные пользователей, а это означают, что данные переплетены к чему-либо в контроллере. Поэтому, когда вы покидаете раздел, данные удаляются.

Чтобы сохранить данные внести следующие изменения:

// In your controller add the following object to the $scope 
    $scope.user = {} 

// In your HTML code add the following to your input fields 
    <input type="text" id="teamName" ng-model="user.teamName" placeholder="Team Name" /> 

Обратите внимание на ng-model тег в input поле это то, что связывает данные для объекта пользователя в контроллере

Heres рабочий JsFiddle , обратите внимание, что я только обновил поле Team Name. Введите что-то в поле «Название команды» и перейдите к следующему разделу, и он сохранит ваши данные. Вам нужно будет обновить оставшиеся поля.

+0

Спасибо, что так много работает ... Мне не хватало $ scope.user = {} в контроллере ... – yog

Смежные вопросы