我试图从ng-options对象列表中获取2个不同的id,并将其映射到用户select上的select模型中.模型已正确映射,但该值未显示在选择框中.
http://plnkr.co/edit/Z3ohLie4vpTvXhUiLfl6?p=preview
<!DOCTYPE html>
<html ng-app="angularjs-starter">
<head lang="en">
<Meta charset="utf-8">
<title>Custom Plunker</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<link rel="stylesheet" href="style.css">
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<h1>Select something</h1>
<select ng-model="selectedItem" ng-options="{'id':item.id,'anotherid':item.anotherId} as item.name for item in items"></select>
<h3>The selected item:</h3>
<pre>{{selectedItem | json}}</pre>
</body>
</html>
Javascript：
var app = angular.module('angularjs-starter',[]);
app.controller('MainCtrl',function($scope) {
$scope.items = [
{ id: 1,name: 'foo',anotherId: 11 },{ id: 2,name: 'bar',anotherId: 22 },{ id: 3,name: 'blah',anotherId: 33 }];
});
解决方法
您使用的是非常旧版本的Angular.如果您可以使用相当新版本,答案是使用ng-options的track by子句：
<select ng-model="selectedItem"
ng-options="{'id':item.id,'anotherid':item.anotherId} as item.name for item in items track by item.id"></select>
