角度jsでネストされたng-include内部のフォーム

Question

私はアプリケーションでネストされたng-includesを使用しています。外側は異なるアプリケーションのログイン画面で、inner ng-includeには2つのテンプレートがあります。私のログイン画面は2つのステップで設計されています。最初に電子メールがチェックされ、次にパスワードがチェックされます。 私はフォームのポストで問題を抱えています。フォームが投稿されたときに2番目のテンプレートのパスワード1では、パスワードが一致しないとエラーが表示されますが、ng-includeテンプレートは最初のテンプレートにリセットされます。私は代わりにアクション属性を使用していません - フォームを投稿する定義です。ここで

は私のコードは

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

$スコープアレイはテンプレートに

コントローラの負荷が、それが0

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

に設定されている

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

が含まれてい

二NGが含まれています

私はaction属性が定義され

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

するログインテンプレート内のフォームを持っています。このフォームが投稿されてエラーが発生すると、テンプレートがAddAccount.htmlに変更され、エラーが表示されます。私はフォームを必要とするヘルプを投稿するためにNGの提出を使用することはできません？

Answer 1

投稿で全ページをリロードしているようです。これにより、すべてのクライアント側の値がデフォルトにリセットされます。フォームをXHR（ala ng-submit）として送信するか、失敗のデータを返す必要があります。これにより、正しいテンプレートを表示するように調整します。