将ng-repeat中模型的每个属性传递给指令isolate-scope

Question

我使用带有ng-repeat的指令

<page ng-repeat='page in pages' id='{{page.id}}' title='{{page.title}}'></page>

我的指示：

app.directive('page', function(){
    return {
        restrict: 'EA',
        scope: {
            id: '@',
            title: '@'
        },
        templateUrl: 'views/tpl/page.html',
        controller: 'PageController'
});

有没有办法避免必须手动将所有属性传递到指令的隔离范围？我的目标是使用＆＃34;页面中的每个属性自动填充指令的范围＆＃34;对象

谢谢！

Answer 1

您可以传递整个页面对象。 Directives Guid

HTML：

<page ng-repeat='page in pages' page-object='page'></page>

JS：

app.directive('page', function(){
return {
    restrict: 'EA',
    scope: {
        pageObject: '='
    },
    templateUrl: 'views/tpl/page.html',
    controller: 'PageController'
});