ng-带有对象数据源的选项
ng-带有对象数据源的选项
提问于 2013-12-05 14:04:56
我很难理解ng-options是如何处理数据源的。我已经阅读了文档，我觉得我做的完全是必需的，但我在尝试时仍然遇到问题。
<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"> </script>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
angular.module('app', [])
.controller('IndexCtrl', ['$scope', function($scope) {
$scope.types = {
1: "value1",
2: "value2",
5: "value3"
};
}]);
</script>
</head>
<body ng-controller="IndexCtrl">
<select ng-model="type" ng-options="k as v for(k, v) in types">
<option value="">Select Type</option>
</select>
</body>
</html>
我总是在控制台中看到这样的错误：
错误：
期望ngOptions的形式为'select (as label)？for (key，)?value in collection (track by expr)?‘但是在类型中得到了'k as v for(k，v)‘。
我做错了什么？
请参阅此处的plunkr：
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-12-05 14:15:11
这有点奇怪，但似乎你需要在for后面加一个空格。这是可行的：
<select ng-model="type" ng-options="k as v for (k, v) in types">
<option value="">Select Type</option>
</select>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20392678
复制相关文章
相似问题