각도 지시문

Question

을 참조 할 때 문제가 발생하여 프로젝트에 AngularJs 지시문을 구현하려고하지만이 문제로 인해 문제가 발생합니다. 나는 App.js, ControllerA (지시어를 포함하고있다)와 ControllerB를 가지고있다. 두 컨트롤러는 서로 다른 폴더에 있습니다 : ControllerA의 FolderA와 ControllerB의 FolderB

html 파일의 ControllerA에서 생성 된 지시문을 FolderB에 호출하고 싶습니다.

문제는 내가 응용 프로그램을로드하려고 할 때, 각도 모듈 인젝터에 대해 불평이다 :

Uncaught Error: [$injector:modulerr] Failed to instantiate module private_home due to:(…)

App.js

'use strict'; 

angular.module("private_home", ['private.controllers']) 

    .config(['$stateProvider', '$translateProvider', '$urlRouterProvider', 
      function($stateProvider, $translateProvider, $urlRouterProvider){ 

     ... 
    }]); 

ControllerA

'use strict'; 

angular.module("private.controllers", []) 

    .controller('ControllerA' ,['$scope', function($scope){ 

     $scope.users= [...]; 

    .directive('ControllerADirective' ,['controllerADirective', function(){ 

     return{ 

      restrict : 'E', 

      templateUrl : 'find.htm', 

      controller : 'ControllerA', 

      controllerAs : 'CotrollerADirective', 

      bindToController: true 
     } 
}]); 

ControllerB (나는 그러나 다만 경우에, 그것은이 켜지지하지 알고 ...)

'use strict'; 

angular.module("private.controllers") 

    .controller('ControllerB' ,['$scope', function($scope){ 

    }]); 

그리고이 태그와 HTML의 지시를 호출 사전에

< controller-a-directive >< /controller-a-directive >

감사합니다!

Answer 1

컨트롤러 선언을 닫지 않았습니다. 두 모듈 모두 모듈 자체에 선언되어 있으며 지시문에 컨트롤러를 연결하는 경우 실제로는 정반대입니다.

일단 모듈에 연결되면 컨트롤러를 모든 템플릿 또는 지시문에 첨부하고 각 컨트롤러에 대해 새로운 인스턴스를 생성 할 수 있습니다.

지시어는 모듈에서 선언 된 컨트롤러 또는 템플릿에서 호출 할 수 있으며 각 선언이있는 새 인스턴스를 다시 만듭니다.

'use strict'; 

angular.module("private.controllers", []) 

.controller('ControllerA' ,['$scope', function($scope){ 

    $scope.users= [...]; 
}]) 

.directive('ControllerADirective' ,['controllerADirective', function(){ 

    return{ 

     restrict : 'E', 

     templateUrl : 'find.htm', 

     controller : 'ControllerA', 

     controllerAs : 'CotrollerADirective', 

     bindToController: true 
    } 
}]); 

Answer 2

지시문 정의에 오류가 있습니다. 정의는 다음과 같이해야한다 :

.directive('controllerADirective' , function(){ 
    return{ 
     template : 'This is a Directive', 
    } 
}); 

확인이 작업 Plunker https://plnkr.co/edit/VmHrDGFZo4brhBi1Ow0w?p=preview