從指令的隔離控制器獲取屬性值

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); 
}]) 

希望這有助於