【问题标题】:Why is my select ignoring my ng-model and ng-selected为什么我的选择忽略了我的 ng-model 和 ng-selected
【发布时间】:2013-08-30 15:40:55
【问题描述】:

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

非常感谢您的帮助

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

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

    变化:

    freezeCalender.calendarID as freezeCalender.name
    

    收件人:

    freezeCalender.id as freezeCalender.name
    

    【讨论】:

    • 谢谢你,我已经盯着这个看了好几个小时了,只是没看到
    • 很高兴我能帮上忙,有时是小事 :) 祝你好运
    猜你喜欢
    • 2015-05-10
    • 2017-04-02
    • 1970-01-01
    • 2017-01-31
    • 1970-01-01
    • 2016-11-05
    • 1970-01-01
    • 2023-04-09
    • 1970-01-01
    相关资源
    最近更新 更多