AngularJS। जब चुनें एनजी-मॉडल विशेषता है, एनजी-चयनित काम नहीं कर रहा है




angularjs-ng-model (2)

ngSelected साथ ngModel उपयोग न करें

डॉक्स से:

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

- AngularJS एनजी-चयनित एपीआई संदर्भ

अतिरिक्त डॉक्स देखें:

Stackoverflow देखें:

मैं अपने option तत्व में ng-selected को सेट करने की कोशिश कर रहा हूं, selected विशेषता सही पर सेट true , लेकिन option चयनित नहीं है, जब मैं ng-model को select हूं तो सभी काम करना बंद कर देते हैं।

प्रश्न : जब मैं मॉडल का उपयोग कर रहा हूं, तो option चयन कैसे करें?

यहाँ मेरा प्लंकर है (यहाँ काम नहीं किया गया है)

मेरा कोड:

var app = angular.module("plunker", []);

app.controller("TestController", ["$scope", function($scope) {
  $scope.test = 1;
  $scope.array = [
        {"id": 1, "name": "first"}, 
        {"id": 2, "name": "second"}, 
        {"id": 3, "name": "third"}
      ];
}]);

मेरा टेम्प्लेट:

  <body ng-controller="TestController">
    Selected item must be {{ array[test-1].name }}
    <select ng-model="myModel">
      <option value="">Choose item..</option>
      <option ng-repeat="item in array" 
              ng-value="item.id" 
              ng-selected="item.id == test">
        {{ item.name }} ({{item.id == test}})
      </option>
    </select>
  </body>

मदद के लिए बहुत - बहुत शुक्रिया!


NgRepeat के साथ ngSelected का उपयोग न करें। एनजीओ के साथ जाएं:

  <body ng-controller="TestController">
    Selected item must be {{ array[test-1].name }}
    <select ng-model="myModel" ng-options="item.id as item.name for item in array">
      <option value="">Choose item..</option>
    </select>
  </body>




angularjs-ng-model