angularjs - ng-model 在指令模板的选择中没有正确绑定

Question

见小提琴http://jsfiddle.net/5FdgC/2

var myModule = angular.module('myModule', [])
    .controller('MyCtrl', ['$scope', function ($scope) {


        $scope.model = { name: ' hans', game: 'wow' };

        $scope.items = [{ name: ' jens', game: 'wow' }, { name: ' hans', game: 'wow' }];

        $scope.equal = angular.equals($scope.items[1], $scope.model);

    }]);

myModule.directive('selectBlock', function () {

    return {
        restrict: 'A',
        replace: true,
        template: '<select ng-model="model" ng-options="item.name for item in items"></select>',

        scope: {
            model: '=',
            items: '='
        },
        link: function (scope, element, attributes) {
        }
    }
});

问题：

我通过一个模型和一些项目。使用 items 中的对象模型 angular.equals 为 true。但是，在选择中设置 ng-model="model" 不会在下拉列表中显示模型。它与下面列出的项目保持空白。

说

items = [ob1, ob2]
angular.equals(ob2, model) = true
ng-model="model"

选择呈现为

--blank--  //selected value
ob1
ob2

代替

ob1
ob2 // selected value

干杯

Answer 1

好的，我找到了问题所在。

http://jsfiddle.net/5FdgC/3/

.controller('MyCtrl', ['$scope', function ($scope) {

    $scope.items = [{ name: ' jens', game: 'wow' }, { name: ' hans', game: 'wow' }];
    // here, you have to set the default by reference, not by value.
    $scope.model = $scope.items[1];
[...]