지시문 내에 정의 된 각도 컨트롤러에 액세스

Question

지시어 내에서 ng-controller를 래핑하고 html 내의 해당 속성에 액세스해야합니다. 그러나, 나는 이것을 작동시킬 수 없다.

이 내 app.js 파일 내용이다 : 나는 MyController에 내에서 정의 (메시지를 말한다) 모든 속성에 액세스 할 수 없습니다입니다

angular.module('myModule', []) 
.directive('myDirective', function() 
{ 
    transclude: true, 
    template: '<div ng-controller="MyController as ctrl" ng-transclude></div>' 
}); 

. HTML 페이지의이 코드 조각이 작동하지 않습니다 (예 : 메시지가 인쇄되지 않음).

<my-directive> 
    {{ ctrl.message }} 
</my-directive> 

내가 여기에 뭔가를 놓친가요?

Answer 1

angular.module('myModule', []) 
.controller('MyController', function($scope) { 
    $scope.message = 'Hello from Scope'; 
    $scope.me = this; 
    this.scope = $scope; 
    this.message = 'Hello from Controller'; 
    $scope.click = function(scope) { 
    alert('Alert message!!!'); 
    } 
    this.click = function(){ 
    alert('Controllers click!!!') 
    } 
}) 
.directive('myDirective', function() { 
    return { 
    restrict:'E', 
    scope: { 
     ctrl: "=" 
    }, 
    transclude: true, 
    template: '<div ng-click="ctrl.scope.click()">' 
     +'Scope message:{{ctrl.scope.message}}<br/>Controller message: {{ctrl.message}}<br />' 
     + '</div><div ng-click="ctrl.click()">Click me!</div>'; 
    } 
}); 

당신이이 방법을 시도 할 수 있습니다 ... 당신을 도움이되기를 바랍니다 ... Plunker : 당신은 NG 컨트롤러 = "MyController에 Ctrl 키와 같은"부분을 생략하면 see all code