angular js中嵌套ng include内的表单

Form inside nested ng-include in angular js

本文关键字：表单 include ng js 嵌套 angular      更新时间：2024-04-23

我在应用程序中使用嵌套的ng includes。外部是不同应用程序的登录屏幕，内部包括2个模板。我的登录屏幕分两步设计。首先检查电子邮件，然后检查密码。我的帖子形式有问题。在第二个模板中，当表单发布时，假设密码不匹配，则显示错误，但我的ng-include模板重置为第一个。我没有使用ng-submit，而是使用action属性来定义发布表单的内容。

这是我的代码

第二个ng包括

 <div ng-include="currTemplate" class="slide"></div>

$scope数组包含模板

 $scope.templates = ['/Content/app/templates/AddAccount.html', '/Content/app/templates/Login.html'];

当控制器加载时，它被设置为0

$scope.currTemplate = $scope.templates[0];

我在登录模板中有一个表格

<form name="form" method="post" action="{{model.loginUrl}}">

其中定义了动作属性。当这个表单发布并导致错误时，我的模板被更改为AddAccount.html，并显示错误。我不能使用ng提交到邮件表单需要帮助吗？

看起来你正在用帖子重新加载整个页面。这将把所有客户端的值重置为默认值。您需要将表单作为XHR（ala ng-submit）提交，或者从失败中返回数据，以便调整正确的模板以显示。

相关文章：