如何使用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>

我正在使用项目地图来填充列表中的信息 - 现在我想根据密钥预先选择一个特定元素，但我找到的所有解决方案都不起作用。

例如，我尝试使用id字段来使用类似：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>