2016-04-11 8 views
0

Uygulamamda nested ng-includes kullanıyorum. Dış uygulama farklı uygulama için giriş ekranıdır ve iç ng-içerir 2 şablon içerir. Giriş ekranım iki adımda tasarlanmıştır. İlk eposta şifresi kontrol edilecektir. Form yayınında sorun yaşıyorum. İkinci şablonda, form kaydedildiğinde parola, parola eşleşmezse, hata gösterir, ancak ng-include şablonum ilk tanesine sıfırlanır. Ben ng-submit kullanmıyorum yerine formu deftere nakledin action niteliğini tanımlamaktır. İşte İç içe yerleştirilmiş iç içe geçme formunu açısal js içinde ekle

İkinci

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

$ kapsamı dizi şablonları

içeren ng-dahil

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

kontrolör yükleri bu rakam 0

$scope.currTemplate = $scope.templates[0]; 
olarak ayarlandığında

Ben eylem özelliği tanımlamak olduğu

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

hangi Girişi şablonunda bir form var. Bu form gönderildiğinde ve hatayla sonuçlandığında, şablonum AddAccount.html olarak değiştirildi ve hata gösterildi. Formu göndermek için ng-submit kullanmam yardıma ihtiyaç duymuyor mu?

+0

Yani, şifre ve parola onayı eşleşmediğinde "$ scope.templates" değeri "1" değerine ayarlandığını söylüyor? – pherris

+0

CurrTemplate 0'a ayarlı. Form gönderildiğinde kontrolör yeniden yüklenir ve tekrar şablon 0 gösterilir. –

cevap

0

Gönderi ile tam sayfa yeniden yüklediğiniz gibi görünüyor. Bu, tüm istemci tarafı değerlerinizi varsayılan değerlerine sıfırlar. Formu bir XHR (ala ng-submit) olarak göndermeniz veya gösterilecek doğru şablonu ayarlamanıza olanak tanıyan hatadan veri göndermeniz gerekir.