Question

我正在创建一个项目来实践我对AngularJS的了解。我创建了一个使用控制器的表单。在表单中，我有一个按钮来保存用户填写的信息。将信息保存到数据库后，我想调用第二个表单继续，（这个表单有自己的控制器）等。我该怎么做？

Answer 1

您可以使用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

}

Answer 2

如果您没有导航到其他视图，则可能不需要其他控制器。您可以使用ng-if有条件地显示和隐藏表单。 IE浏览器。说第一个表单已完成，您已将其发布到数据库中。你可以做这样的事情

$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的范围

设置表单变量

可以在AngularJS中的单击事件上调用表单吗？

2 个答案: