Можно ли вызывать форму в событии click в AngularJS?

Question

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

Answer 1

Если вы не перемещаетесь к другой точки зрения, вы, вероятно, не нужен другой контроллер. Вы можете отображать и скрывать формы условно с 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> 

тогда, когда form1 представляется, что вы можете сделать

$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

Answer 2

Вы можете использовать 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 

}