Может ли форма вызываться при событии щелчка в AngularJS?

Question

Может ли форма вызываться при событии щелчка в AngularJS?

0

Я создаю проект, чтобы претворить в жизнь то, что я узнал об AngularJS. Я создал форму, в которой используется контроллер. В форме у меня есть кнопка для сохранения информации, заполненной пользователем. После того, как информация будет сохранена в базе данных, я хотел бы назвать вторую форму для продолжения (эта форма имеет свой собственный контроллер) и т.д. Как я могу это сделать?

user3538384 29 июль 2016, в 20:39

Источник

0

пожалуйста, добавьте ваш пример кода к вопросу?
Vunb 29 июль 2016, в 18:19

Теги:

angularjs

angular-ui-router

2 ответа

0

Вы можете использовать ng-submit для этого:

<form ng-submit="goToNextForm()">
    <input type="text" ng-model="email">
    <button type="submit" value="submit">
</form>

И в контроллере:

$scope.goToNextForm = function(){

   //code to save data and move to next controller/form here

}

Rahul Arora 29 июль 2016, в 15:54

0

Спасибо Рахул Арора за ваше время. Я попробую ваше решение.
user3538384 29 июль 2016, в 20:55

Ещё вопросы

пожалуйста, добавьте ваш пример кода к вопросу?
Спасибо Рахул Арора за ваше время. Я попробую ваше решение.

ceckenrode · Accepted Answer · 2016-07-29T15-50-00.000Z

Если вы не переходите к другому виду, вам, вероятно, не нужен другой контроллер. Вы можете отображать и скрывать формы условно с ng-if. То есть. скажем, первая форма сделана, вы отправили ее в базу данных. Вы можете сделать что-то подобное

$scope.form = 1

<form id="form1" ng-if="form === 1">
//your form html
</form>

<form id="form2" ng-if="form === 2">
//your form html
</form>

то, когда форма 1 отправлена, вы можете сделать

$scope.form = 2

в вашем контроллере, чтобы скрыть первую форму и сделать вторую

Если вы настроены на разные формы с разными контроллерами, вы можете сделать что-то вроде этого

<div controller="mainCtrl">

<form controller="form1Ctrl" id="form1" ng-if="form === 1">
    //your form html
    </form>

    <form controller="form2Ctrl" id="form2" ng-if="form === 2">
    //your form html
    </form>
</div>

Вы должны установить переменную формы из области mainCtrl

Спасибо, Цекенроде. Я делал что-то похожее на ваше решение в прошлом. Я посмотрю, как адаптировать его к этой проблеме. Спасибо за ваше время и предложение.
Я реализовал эту опцию, и она сработала. Большое спасибо !!