AngularJS选择不显示模型对象

Question

如果我在对象值中硬编码如下所示，AngularJS 似乎没有显示我的默认值（模型）。

html：

<select ng-model="defaultOption" ng-options="o.vala for o in options"></select>

javascript：

$scope.options = [ 
    {vala: "value1a", valb: "value1b"}, 
    {vala: "value2a", valb: "value2b"} 
];
$scope.defaultOption = {vala: "value1a", valb: "value1b"};

但是，如果我将 $scope.defaultOption 更改为 $scope.options[0]，我的默认选项会显示在 select 上没问题。

为什么会发生这种情况，有什么办法可以保留

$scope.defaultOption = {vala: "value1a", valb: "value1b"};

而不是使用间接引用？

jsfiddle：http://jsfiddle.net/64ycY/8/

（取消注释另一个 $scope.defaultOption 以进行比较）

Answer 1

这是一种可能的解决方案，正如上面问题 cmets 中所讨论的那样，使用 underscore.js（实际上可以用一个小函数来完成，而不是拉入 underscore.js）

var app = angular.module('myApp', []);

app.controller('MainController', function($scope) {
    $scope.options = [ 
        {vala: "value1a", valb: "value1b"}, 
        {vala: "value2a", valb: "value2b"} 
    ];
    var setDefaultOption = function(option) {
        $scope.defaultOption = _.findWhere($scope.options, option);
    }
    setDefaultOption({vala: "value1a", valb: "value1b"});
});

http://jsfiddle.net/Dogbert/64ycY/9/