0

我有一个选择框,它不会选择绑定到ng-modelor的选项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 这让我很沮丧,因为我有很多选择工作正常,我无法理解这个特定的选择有什么问题。

帮助将不胜感激

4

1 回答 1

2

你没有id正确引用它,它出现了。进行更改后对我来说效果很好。

改变:

freezeCalender.calendarID as freezeCalender.name

到:

freezeCalender.id as freezeCalender.name
于 2013-08-30T15:43:51.613 回答