Получение значения атрибута из изолированного контроллера директивы

Question

ОК, поэтому у меня есть директива, которая берет атрибуты и читает ее (и записывает ее).

plunker демо: http://embed.plnkr.co/IkKPLahPc9yqeHWEQUG3/

Я думаю, что это из-за контроллера: Ctrl внутри главных-directive.js, который не имеет ничего, тогда как фактическое действие происходит внутри контроллера изолированной директивы контроллера.

Вот это основные-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>' 
} 

Как сделать так, он считывает объекты внутри изолированного контроллера внутри директивы и NOT от контроллера '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); 
}]) 

Надеется, что это помогает