从指令的隔离控制器获取属性值

Question

好的，所以我有一个指令，它具有属性并读取它（并写出它）。

plunker现场演示：http://embed.plnkr.co/IkKPLahPc9yqeHWEQUG3/

我想这是因为控制器：内部主directive.js这没有什么，而实际的行动是孤立的指令的控制器控制器内部发生的Ctrl键。

这里是主directive.js：

var app = angular.module('testapp.directive.main', ['main']); 

app.directive('myCustomer', function() { 

    var controller = ['$scope', function($scope) { 

    $scope.dan = { 'name': 'Chad', 'nationality': 'China' }; 
    // I want the scope.dan object to be read from here. 

    }]; 

    var template = 'Getting attribute value of =getInfo... {{getInfo.name}} from {{getInfo.nationality}}'; 

    return { 
    restrict: 'E', 
    controller: controller, 
    scope: { 
     getInfo: "=info" 
    }, 
    template: template 
    }; 
}); 

app.controller('ctrl', function($scope) { 
    // adding the $scope.dan object here will work 
    // but I don't want it here. 
}); 

，这里是我为它的模板：

'mainview@': { 
    controller: 'MainCtrl as mainCtrl', 
    template: '<div ng-controller="ctrl"><my-customer info="dan"></my-customer></div>' 
} 

如何使它所以从隔离控制器内读取的对象里面的指令，而不是从控制器'ctrl'？

谢谢。

Answer 1

看看这篇文章，它展示了指令和控制器如何共享$ scope。

Behavior of controller inside directives

看起来你有兴趣给您的自定义HTML标记的自定义属性。我重新格式化您的指令，并控制和打印出来的信息属性，你似乎兴趣。

var app = angular.module('testapp.directive.main', ['main']) 
    .directive('myCustomer', function() { 

    var template = 'Getting attribute value of =getInfo... {{getInfo.name}} from {{getInfo.nationality}}'; 

    return { 
    restrict: 'E', 
    controller: 'ctrl', 
    scope: { 
     getInfo: "=info" 
    }, 
    template: template 
    }; 
}) 
.controller('ctrl',['$scope', '$attrs', function($scope, $attrs) { 
    $scope.dan = { 'name': 'Chad', 'nationality': 'China' }; 
    console.log($attrs.info); 
}]) 

希望这有助于