我有一个选择框,不会选择绑定到ng-model
或ng-select
的选项,而是选择最初的硬编码值,但是当我选择另一个时,它会覆盖我的选择列表中的最后一项。我把它剥离到最低限度但仍然看不到
这是我的html页面:
<!doctype html>
<html lang="en">
<head></head>
<body>
<div ng-app="myapp">
<div ng-controller="myController">
<select ng-model="freezeCalendar_model" ng-options="freezeCalender.calendarID as freezeCalender.name for freezeCalender in freezeCalendarList"></select>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script>
<script src="script.js"></script>
</body>
</html>
这是我的script.js:
var app = angular.module(“myapp”,[“controllers”]);
var controllers = angular.module("controllers", []);
controllers.controller('myController', function ($scope) {
$scope.freezeCalendar_model = 162;
$scope.freezeCalendarList = [{
"id": 104,
"name": "ABC"
}, {
"id": 202,
"name": "123"
}, {
"id": 121,
"name": "xyz"
}, {
"id": 224,
"name": "hello"
}, {
"id": 162,
"name": "bam"
}, {
"id": 164,
"name": "boom"
}];
});
我还有plnkr here 这让我感到很沮丧,因为我有很多选择工作正常,我无法理解这个特殊的错误。
非常感谢帮助
答案 0 :(得分:2)
您没有正确引用id
,它会出现。在做出改变之后,对我来说工作正常。
变化:
freezeCalender.calendarID as freezeCalender.name
致:
freezeCalender.id as freezeCalender.name