javascript - Angular JS 并将复杂对象数组作为属性传递给指令

Question

我无法通过属性将这个复杂的对象数组传递给指令。我做错了什么，为什么错了？

jsfiddle

剪切和粘贴代码

<div ng-controller="MyCtrl">
    <pass-object obj="obj"></pass-object>
</div>

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

myApp.directive('passObject', function() {
    return {
        restrict: 'E',
        scope: { obj: '=' },
        template: '<div ng-repeat="foo in foos">Hello, {{foo.prop}}!</div></div>'
    };
});

myApp.controller('MyCtrl', function ($scope) {
    $scope.obj = [{ prop: "hello" }, {prop: "world"}];
});

Answer 1

您正在指令模板中迭代 foos。你没有传入foos，你传入了obj。试试这个:

myApp.directive('passObject', function() {
    return {
        restrict: 'E',
        scope: { obj: '=' },
        template: '<div ng-repeat="o in obj">Hello, {{o.prop}}!</div></div>'
    };
});

Updated fiddle.