2014-05-23 5 views
5

का चयन करें, मैं एक HTML/जेड चयन के डिफ़ॉल्ट मान को 'डेटा बाइंड' करना चाहता हूं। यहाँ मेरी चयन है:कोणीय जेएस - एचटीएमएल का डेटा बाध्यकारी डिफ़ॉल्ट मान

select#title.form-control(ng-model='newClient.title') 
    option(ng-repeat='title in titles', ng-selected='$first') {{title}} 

समस्या यहाँ अगर मैं चयन को स्पर्श नहीं करते, मेरे newClient.title के रूप में अपरिभाषित और न पहला खिताब मूल्य निर्धारित किया जाएगा कि है। मैं अपने नियंत्रक में डिफ़ॉल्ट मान सेट किए बिना ऐसा कैसे कर सकता हूं?

+0

'ng-select =" newClient.titles [0] "' – tymeJV

+0

ng-चयनित एक बुलियन है, newClient.title एक स्ट्रिंग है ... मुझे समझ में नहीं आता कि आप क्या करने का प्रयास कर रहे हैं? – ncohen

+0

अहह, एनवीएम, बस देखा कि आपने 'विकल्प' तत्वों पर दोहराया था - आप 'ng-options' का उपयोग क्यों नहीं कर रहे हैं? – tymeJV

उत्तर

0

आप ng-init निर्देश का उपयोग कर सकते हैं।

ng-init="newClient.title = titles[0]"

Fiddle Here

जेड प्रारूप में

:

select#title.form-control(ng-model='newClient.title',ng-init="newClient.title = titles[0]") 
    option(ng-repeat='title in titles', ng-value="title") {{title}} 
2

आप एनजी-विकल्पों का उपयोग करने के लिए विकल्पों को परिभाषित करने, और फिर बस पहले तत्व के लिए एनजी-मॉडल निर्दिष्ट चाहते हैं। आपको एनजी-इनिट के बारे में चिंता करने की ज़रूरत नहीं है।

<select ng-options="title for title in titles" ng-model='titles[0]'></select> 

संदर्भ के लिए, कुछ सुंदर दस्तावेज here हैं।

संबंधित मुद्दे