javascript - AngularJS は ng-option の代わりに ng-model と ng-repeat でデフォルト値を選択します

Question

次のコードがあります。

<select ng-model="model.RemediationCredentials" name="remediationCredential" id="remediationCredential">
    <option value="0">---</option>
    <option ng:repeat="cred in credentialsList" 
                 data-index="{{$index}}" value="{{cred.Value}}">{{cred.Key}}</option>
</select>

次のようになりcredentialsListます。

credentialsList = [  { Key: "Panda", Value: "Zoo: } ]

ng-repeatvsng-optionを使用して、選択なしなどの基本的なことを行う必要があると思いますdata-index。しかし、モデルを設定しようとするとうまくいきません...

$scope.model.RemediationCredentials = "Zoo"

助言がありますか？

Answer 1

Angular Select ディレクティブを使用します。

http://docs.angularjs.org/api/ng.directive:select

次のようになります。

<select ng-model="model.RemediationCredentials" name="remediationCredential" id="remediationCredential" ng-options="cred.value as cred.key for cred in credentialsList">
    <option value="0">---</option>
</select>