Как предварительно выбрать определенный элемент из выпадающего списка, используя ng-repeat

Question

Это мой HTML-код:

<select id="selectFileType" ng-model="instance.fileType" required>
  <option ng-repeat="(key, value) in fileTypes" id="key" value="{{key}}">{{key}} ({{value}})</option>
</select>

Я использую карту элементов, чтобы заполнить список информацией - теперь я хочу предварительно выбрать определенный элемент на основе ключа, но все найденные решения не сработали.

например. Я пытался использовать поле идентификатора, чтобы использовать что-то вроде: document.getElementById ("A"). selected = true;

Кто-нибудь имеет представление, что мне делать?

Спасибо и хорошего дня

Answer 1

Используйте директиву ng-selected для установки предварительно выбранного параметра.

angular.module('myApp', [])
  .controller('ctrl', function($scope) {
    $scope.vm = {
      priceTypes: [{
          id: 3,
          name: 'pound'
        },
        {
          id: 5,
          name: 'Yen'
        },
        {
          id: 6,
          name: 'dollar'
        }
      ]
    };
    //select model value
    $scope.localModel = {
      priceType: $scope.vm.priceTypes[1]
    };
  })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<div ng-app="myApp" ng-controller="ctrl">
  <select ng-model="localModel.priceType">
  <option 
            ng-repeat="item in vm.priceTypes as item"
            ng-selected="localModel.priceType.id == item.id"
            value="{{item}}"
            >{{item.name}}</option>
</select>
  <div>
    priceType: {{ localModel.priceType }}
  </div>
</div>