使用 Angular js,我希望在下拉菜单中默认选择 service2 值。
http://plnkr.co/edit/ssFHZEBuYWPUACEJ5GTb?p=preview
<!doctype html>
<html ng-app>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="MyCntrl">
<select ng-model="prop.value" ng-options="v.name for v in prop.values">
</select>
{{ prop.value.name}}
{{ prop.value.id}}
</div>
</body>
</html>
脚本.js
function MyCntrl($scope) {
$scope.prop = { "type": "select",
"name": "Service",
"value":{"id":2, "name": "Service 2" },
"values": [ {"id":1, "name": "Service 1" }, {"id":2, "name": "Service 2" }, {"id":3, "name": "Service 3" }, {"id":4, "name": "Service 4" }]
};
}
这是我想要实现的目标: 1)更改所选对象的id和名称 2) 默认选择一个值并显示其id和名称
在示例中,第二个服务的 ID 和名称显示良好。但是,下拉菜单无法选择服务2。
我该如何解决这个问题?
问候
最佳答案
你真的在使用 Angular 1.0 吗?如果您可以使用 Angular >= 1.2,只需使用 track by
功能:
<select ng-model="prop.value" ng-options="v.name for v in prop.values track by v.id">
示例:Plunker
关于javascript - Angular js选择默认下拉菜单值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33711854/