नाम फ़ील्ड होने पर angularjs का उपयोग करके फ़ॉर्म को कैसे सत्यापित करें। (Dot) इसमें?

Question

मेरे रूप में मेरे पास नाम = "ग्राहक। फर्स्टनाम" के साथ एक इनपुट टैग है, इसलिए जब मैं कोणीय में नाम मान का संदर्भ देता हूं तो यह केवल ग्राहक को मूल्य के रूप में लेता है और। पहला नाम अज्ञात हो रहा है। यहाँ मेरी कोड है:

<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> 

यहाँ लेबल को छिपाने के लिए जब पाठ बॉक्स है empty.How मैं ऐसा कर सकते हैं कोशिश कर रहा हूँ?

Answer 1

आप डॉट के साथ कुंजी का उपयोग करने के bracket notation उपयोग कर सकते हैं

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

डेमो: Fiddle

यह लिखा जा सकता है के रूप में

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

डेमो: Fiddle