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 を持っています。多くの選択が正常に機能しており、この特定の選択の何が問題なのか理解できないため、これは私を非常に苛立たせています。
助けていただければ幸いです