Başlatma ve AngularJS ng-repeat ile seçin

SORU

5 EYLÜL 2013, PERŞEMBE

Başlatma ve AngularJS ng-repeat ile seçin

Bir seçenek, önceden seçilmiş AngularJS kullanarak başlamak 1.1.5 ve ng-repeat seçin almaya çalışıyorum. Yerine seçmek her zaman seçili hiçbir şey ile başlar. Ayrıca -- istemiyorum boş bir seçenek vardır, ama bu hiçbir şey seçili olmanın yan etkisi olduğunu düşünüyorum.

Bu ng-seçenekleri kullanarak çalışma almak yerine ng-tekrar edebilirim, ama bu durum için ng-repeat kullanmak istiyorum. Her ne kadar benim daralmış örnek gelmedi, ben de istiyorum set başlık, her seçenek, hiçbir şekilde bunu kullanarak ng seçenekleri, bildiğim kadarıyla.

Bu ortak AngularJs kapsamı/prototip miras ile ilgili olduğunu sanmıyorum. En azından Batarang teftiş ne zaman net bir şey göremiyorum. Ayrıca, UI ile seçin bir seçenek seçtiğinizde, modeli doğru güncelleştirme.

İşte HTML:

<body ng-app ng-controller="AppCtrl">
    <div>
        Operator is: {{filterCondition.operator}}
    </div>
    <select ng-model="filterCondition.operator">
       <option 
           ng-repeat="operator in operators" 
           value="{{operator.value}}"
       >
           {{operator.displayName}}
       </option>
    </select>
</body>

Ve JavaScript:

function AppCtrl($scope) {

    $scope.filterCondition={
        operator: 'eq'
    }

    $scope.operators = [
        {value: 'eq', displayName: 'equals'},
        {value: 'neq', displayName: 'not equal'}
     ]
}

Ve JS Keman: http://jsfiddle.net/coverbeck/FxM3B/2/

Herhangi bir yardım için teşekkürler

Charles

CEVAP

6 EYLÜL 2013, Cuma

TAMAM. Eğer istemiyorsan kullanmak için doğru yolu ng-options ekleyebilirsiniz ng-selected öznitelik ile durumu kontrol mantığı option yönetmeliğe yapmak için önceden seçim çalışması.

<select ng-model="filterCondition.operator">
    <option ng-selected="{{operator.value == filterCondition.operator}}"
            ng-repeat="operator in operators"
            value="{{operator.value}}">
      {{operator.displayName}}
    </option>
</select>

Working Demo

Bunu Paylaş: