2013-10-16 14 views
5

Formumda = "Customer.Firstname" isminde bir giriş etiketine sahibim, bu yüzden angularjs'teki isim değerine başvurduğumda sadece müşteriyi değer olarak alıyor ve .Firstname tanımlanmıyor. İşte benim kodudur:İsim alanı (dot) içerdiğinde angularjs kullanarak form nasıl doğrulanır?

İşte
<label class="label_block" ng-hide="ApplicantDetails.Customer.FirstName.$error.required || ApplicantDetails.Customer.FirstName.$error.pattern">FirstName</label> 
<span class="clearable"> 
    <input class="textbox" type="text" name="Customer.FirstName" ng-model="Customer.FirstName" ng-init="Customer.FirstName='@Model.Customer.FirstName'" value="@Model.Customer.FirstName" ng-pattern="/^([a-zA-Z-']{1,30})$/" required="required"/> 
</span> 

bunu yapabilirim empty.How metin kutusu olduğunda etiket saklamaya çalışıyorum?

+0

Farklı verebilir: Fiddle

Bu Demo

<label class="label_block" ng-show="ApplicantDetails['Customer.FirstName'].$valid">FirstName</label> 

olarak tekrar yazılabilir ng-modelinden daha büyük. CustomerFirstName olabilir. Ya da belki thé dizi Formu [ 'Customer.FirstName'] arasında – jpmorin

+0

yinelenen başka benzeri notasyonu kullanmak [JavaScript özelliği erişimi: Parantez vs nokta işaretini] (http://stackoverflow.com/questions/4968406/javascript-property-access- dot-notasyonu-vs-parantez) – Stewie

cevap

11

Sen nokta ile tuşlara erişmek için bracket notation kullanabilirsiniz

<label class="label_block" ng-hide="ApplicantDetails['Customer.FirstName'].$error.required || ApplicantDetails['Customer.FirstName'].$error.pattern">FirstName</label> 

Demo: Fiddle

+0

teşekkür bir lot..it çalıştı – PaRsH

+0

ne '<= "text" name = "Girişler [0] .Amount"/ input type>' gibi metin kutusu adının adına parantez varsa sırayla bu metin kutusuna sahip olan bazı html öğelerinde ng-yineleme özniteliği tarafından oluşturulan bu metin kutusunu düşünebilirsiniz. Bu durumda parantez notasyonu nasıl çalışır? –

+0

@Arun P Johny: Benzer bir sorum var, http://stackoverflow.com/questions/26146035/validating-form-using-angular-when-name-field-has-dots-and-brackets adresinden sordum. lütfen bir göz at. –

İlgili konular