javascript - angularjs tutorial




AngularJS: एनजी-चयनित चयनित मूल्य नहीं दिखाता है (2)

शीर्षक के रूप में मेरा चयन चयनित मान दिखाने में सक्षम नहीं लगता है, उदाहरण के लिए, सही ढंग से चयनित ...

<md-input-container flex>
    <label>Anno selezione</label>
    <md-select name="annoSelect" ng-model="vm.anno_attuale"
               ng-value="vm.progetto.pprs[$index].anno"
               ng-selected="item.selected" >
         <md-option ng-repeat="item in vm.progetto.pprs" >
           {{vm.progetto.pprs[$index].anno}}
         </md-option>
    </md-select> 
</md-input-container>

मैंने स्टैक पर पाए गए कुछ समाधानों के साथ कोशिश की, जैसे कि एक: कोणीय: एनजी-चयन एनजी-चयनित मूल्य नहीं दिखाता है

लेकिन उनमें से किसी ने इस मुद्दे को ठीक नहीं किया ... कोई विचार?


आपको <select> एलीमेंट से <option> एलीमेंट में ng-selected करने की जरूरत है

एनजी-चयनित निर्देश <option> तत्व की चयनित विशेषता को एक <select> सूची में सेट करता है।

एनजी-चयनित - एंगुलरजेएस डॉक्टर

आपके विशेष मामले में ऐसा प्रतीत होता है कि आपके पास अपने कोड में एक से अधिक समस्याएँ हैं। ng-value और ng-selected निर्देश <md-options> तत्व के साथ हैं। इसके अलावा, आपको एक रणनीति चुनने की आवश्यकता है, यदि आप ng-model और ng-value उपयोग करते हैं तो आपको ng-selected उपयोग नहीं करना चाहिए।

आपका कोड कुछ इस तरह दिखना चाहिए:

<md-input-container flex>
<label>Anno selezione</label>
<md-select name="annoSelect" ng-model="vm.anno_attuale">
<md-option ng-repeat="item in vm.progetto.pprs" ng-value="vm.progetto.pprs[$index].anno">{{vm.progetto.pprs[$index].anno}}</md-option>
</md-select>
</md-input-container>

इसके अलावा, मैं यह सुनिश्चित करने के लिए आपके ng-model और ng-value को दोगुना कर दूंगा ताकि आपको लगता है कि आप मान रहे हैं आधिकारिक AngularJS Material mdSelect डॉक्स पर एक नज़र डालें। एक उदाहरण आपके बहुत समान है। यह आपको अपने रास्ते पर लाने में मदद करनी चाहिए!


डॉक्स से:

नोट: ngSelected select और ngModel निर्देशों के साथ बातचीत नहीं करता है, यह केवल तत्व पर selected विशेषता सेट करता है। यदि आप चयन पर ngModel का उपयोग कर रहे हैं, तो आपको विकल्पों पर ngSelected उपयोग नहीं करना चाहिए, क्योंकि ngModel चयन मान और चयनित विकल्प सेट करेगा।

- कोणीयजेएस ने एनजी-चयनित निर्देश एपीआई संदर्भ

ng-value निर्देश गलत जगह पर है:

<md-input-container flex>
    <label>Anno selezione</label>
    <md-select name="annoSelect" ng-model="vm.anno_attuale"
               ̶n̶g̶-̶v̶a̶l̶u̶e̶=̶"̶v̶m̶.̶p̶r̶o̶g̶e̶t̶t̶o̶.̶p̶p̶r̶s̶[̶$̶i̶n̶d̶e̶x̶]̶.̶a̶n̶n̶o̶"̶                 
               ̶n̶g̶-̶s̶e̶l̶e̶c̶t̶e̶d̶=̶"̶i̶t̶e̶m̶.̶s̶e̶l̶e̶c̶t̶e̶d̶"̶ ̶  >
         <md-option ng-repeat="item in vm.progetto.pprs" 
                    ng-value="item.anno">
           ̶{̶{̶v̶m̶.̶p̶r̶o̶g̶e̶t̶t̶o̶.̶p̶p̶r̶s̶[̶$̶i̶n̶d̶e̶x̶]̶.̶a̶n̶n̶o̶}̶}̶
           {{item.anno}}
         </md-option>
    </md-select> 
</md-input-container>

अधिक जानकारी के लिए, मॉडल को वस्तुओं की एक सरणी से बांधने के लिए ngValue का उपयोग करना देखें






angularjs