각도 : ng-include를 통해 부분 템플릿의 호출 범위 기능이 포함되었습니다.

Question

지시문 내에 익명 컨트롤러가 있습니다. 컨트롤러는 특정 이벤트가 발생하면 일반 대화 상자를 열고 ng-include를 통해 일반 대화 상자에 일부 버튼을 추가하는 데 사용되는 부분 템플릿을 제공합니다.

일반 대화 상자 내에서 사용자가 제공된 버튼 중 하나를 클릭하면 익명 컨트롤러의 특정 기능을 호출해야합니다. 이것이 어떻게 달성 될 수 있었는지에 대한 생각?

컨트롤러 :

angular.module('abc') 
.directive('xyz', [function() { 
    return { 
    restrict: 'E', 
    scope: {}, 
    controller: ['$scope', function($scope) { 
     $scope.callThisFunc = function(){}; 
    }] 
    } 
} 

부분 템플릿 :

<div> 
<button label="CANCEL" 
      ng-click="callThisFunc()"> 
</button> 
</div> 

일반 대화 상자 템플릿 (위의 ABC 모듈과 다른 모듈) : "controllerAs"를 사용하는

<div ng-include="partial"></div> 

Answer 1

시도 구문

angular.module('abc') 
.directive('xyz', [function() { 
    return { 
    restrict: 'E', 
    scope: {}, 
    controller: function() { 
     var vm = this; 

     vm.callThisFunc = function(){}; 

     return vm; 
    }], 
    controllerAs: 'xyzCtrl' 
    } 
} 

부분 템플릿

<div> 
<button label="CANCEL" 
      ng-click="xyzCtrl.callThisFunc()"> 
</button> 
</div> 

일반적인 대화 상자 템플릿 난 당신이 당신이 실제로 어딘가에 지시어를 사용하고 거기에 지시어를 사용하지만 가정하는 이유 정말 모르겠어요

<div ng-include="partial" xyz></div> 
</div>