मैं कोणीय जेएस को बार-बार बाध्यकारी कैसे रोकूं?

Question

मैं एक का चयन किया है:

<select ng-model="p.value" ng-options="q for q in p.value"> 
<option value="">Select an animation</option> 
</select> 

कहाँ p.value['AAAAA', 'BBBBB', 'CCCCC'] है लेकिन जब मैं एक विकल्प का चयन करें अपडेट का चयन और जैसे विकल्प का एक नया गुच्छा पता चलता है:

<option>A</option> 
<option>A</option> 
<option>A</option> 
<option>A</option> 
<option>A</option> 

मैं स्पष्ट रूप से कोई बात बिगड़ संरचित किया है मॉडल और विकल्पों में एक ही मूल्य का उपयोग करके। चीजों को करने का सही तरीका क्या है?

Answer 1

अब आप वर्णों की एक सूची का संदर्भ वस्तुओं की सरणी और मॉडल

<div ng-app ng-controller="MyCtrl"> 
    <select ng-model="p.selected" ng-options="q for q in p.value"> 
     <option value="">Select an animation</option> 
    </select> 
    {{p.selected}} 
</div> 

function MyCtrl($scope) { 

    $scope.p = { 
     value: ['AAAAA', 'BBBBB', 'CCCCC'], 
     selected : null 
    }; 
} 

क्या अपने उदाहरण में हो रहा है जैसे ही आप AAAAAp.value चयन के रूप में है अलग करने के लिए की जरूरत है और चूंकि ng-options उसी $scope संपत्ति से नीचे है, जो ड्रॉप डाउन सूची अपडेट करता है और आपके परिणाम को देखता है।

Example on jsfiddle