为什么我的选择忽略了我的ng-model和ng-selected

时间:2013-08-30 15:40:56

标签: javascript angularjs

我有一个选择框,不会选择绑定到ng-modelng-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 这让我感到很沮丧,因为我有很多选择工作正常,我无法理解这个特殊的错误。

非常感谢帮助

1 个答案:

答案 0 :(得分:2)

您没有正确引用id,它会出现。在做出改变之后,对我来说工作正常。

变化:

freezeCalender.calendarID as freezeCalender.name

致:

freezeCalender.id as freezeCalender.name