javascript - 如何使用(键值)在 ng-options 中设置默认值

Question

如何使用 ng-option 设置 select multiple='multiple' 的默认值？我已经尝试了两种方法，请找到下面的代码:

angular.module('ngrepeatSelect', []).controller('ExampleController', ['$scope', function ($scope) {
	$scope.o1 = {"de":"Deutsch",
	"en":"English","es":"Español",
	"fl":"Flemish","fr":"Français",
	"it":"Italiano","nl":"Nederlands",
	"pl":"Polski",
	"pt":"Português",
	"ro":"Română",
	"tr":"Türkçe"};
	$scope.o2 = {
		"it":{"prefix":"it","label":"Italiano"},
		"fr":{"prefix":"fr","label":"Français"},
		"es":{"prefix":"es","label":"Español"},
		"fl":{"prefix":"fl","label":"Flamand"},
		"en":{"prefix":"en","label":"English"},
		"de":{"prefix":"de","label":"Deutsch"},
		"pt":{"prefix":"pt","label":"Português"},
		"ro":{"prefix":"ro","label":"Română"},"pl":{"prefix":"pl","label":"Polski"},
		"tr":{"prefix":"tr","label":"Türkçe"},
		"nl":{"prefix":"nl","label":"Nederlands"}};
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-app="ngrepeatSelect">
	<div ng-controller="ExampleController">
		<div>
			<select
					ng-init="selected1 = 'fr'"
					multiple="multiple"
					ng-model="selected1"
					ng-options="key as value for (key, value) in o1 track by key">
			</select>
			<select
					ng-init="selected2 = 'fr'"
					multiple="multiple"
					ng-model="selected2"
					ng-options="language.prefix as language.label for language in o2 track by language.prefix">
			</select>
		</div>
		<div>
			-{{selected1}}-
			-{{selected2}}-
		</div>
	</div>
</div>

例如，如何为两个选择中的每一个预选“de”、“fr”和“ro”？谢谢!

Answer 1

只需在 Controller 中预填充 selected1 即可。而且按键跟踪似乎已经过时并且可以删除。找到下面的工作片段:

angular.module('ngrepeatSelect', []).controller('ExampleController', ['$scope', function ($scope) {
   $scope.selected1 = ["de", "fr", "ro"];
	
   $scope.o1 = {"de":"Deutsch",
	"en":"English","es":"Español",
	"fl":"Flemish","fr":"Français",
	"it":"Italiano","nl":"Nederlands",
	"pl":"Polski",
	"pt":"Português",
	"ro":"Română",
	"tr":"Türkçe"};
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-app="ngrepeatSelect">
  <div ng-controller="ExampleController">
    <div>
	<select
	  multiple="multiple"
	  ng-model="selected1"
	  ng-options="key as value for (key, value) in o1">
	</select>
    </div>
    <div>
      -{{selected1}}-
    </div>
  </div>
</div>