2013-05-14 16 views
5

Bir seçme vardır: p.value['AAAAA', 'BBBBB', 'CCCCC'] olduğunuAngularJS bağını yinelemeli olarak nasıl önleyebilirim?

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

ama bir seçenek belirleyin güncelleştirmeleri seçmek ve benzeri yeni bir seçenekler demet gösterdiğinde:

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

Açıkçası yanlış şeyler yapılandırılmış ettik model ve seçeneklerde aynı değeri kullanarak. Bir şeyler yapmanın doğru yolu nedir?

cevap

4

Artık karakterlerin bir listesini belirten öğelerin dizi ve

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

Ne örnek oluyor sen AAAAAp.value seçmek en kısa sürede olduğu modeli ayırmak gerekir ve ng-options aynı $scope özelliğine bağlı olduğundan, aşağı açılır liste, güncelleştirdiğiniz sonucu güncelleştirir ve üretir.

Example on jsfiddle

İlgili konular