无法在AngularJS选择框上设置默认值

时间:2013-10-18 13:16:05

标签: javascript angularjs

我是AngularJS的新手并尝试在选择框中设置默认值。我有一个对象列表,我想在选择框中列出。这工作正常,任何与选择框关联的模型绑定工作正常。但是,一旦我设置了默认值,我的所有绑定都不会因某种原因而更新。

控制器:

    app.controller('ctrl', [ '$scope', function ctrl($scope){

        api.get('dealerships', function(err, dealerships){
            $scope.dealerships = dealerships;
            $scope.$apply();
        });

    });

HTML:

    <select ng-model="dealership" ng-options="d.name for d in dealerships"></select>

    <span class="dealership-name">{{dealership.name}}</span>

这很好用,我可以在经销商和 dealership.name 绑定之间切换得很好。但是,只要我设置了这样的默认值:

    app.controller('ctrl', [ '$scope', function ctrl($scope){

        api.get('dealerships', function(err, dealerships){
            $scope.dealerships = dealerships;
            $scope.dealership = $scope.dealerships[0];
            $scope.$apply();
        });

    });

我与经销商的所有约束力保持不变,他们留在经销商处[0]。

因为用图片可能更容易理解: problem

有人有任何线索吗?非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

问题解决了。我有两个ng-controller =“ctrl”属性。一个在导航栏上,我的选择框就在那里。还有一个主要内容,即绑定发生的地方。