Как вызвать функцию в родительском контроллере из директивы

Question

У меня есть угловой контроллер, и его разделили на директиву.

Внутри этой директивы исходный код пытается вызвать функцию, которая все еще находится в родительском контроллере, но она заявляет, что она не определена, поэтому я предполагаю, что теперь проблема с областью видимости.

В настоящее время код в директиве читает

setMessageState(false, true, "Problem obtaining statement"); 

где setMessageState определяется в основном контроллере - как я могу включить эту директиву, чтобы достучаться до сих пор называют эту функцию.

EDIT: В соответствии с запросом еще код. это мой directive.js

(function() { 
'use strict'; 
//Define the Controller 
angular 
    .module("tpAccStatus") 
    .directive("tpAccStatusTransactionRow", tpAccStatusTransactionRow); 

function tpAccStatusTransactionRow() { 



    return { 
     scope: { 
      trans: "=tpAccStatusTransactionRow", 
      accountNumber: "=" 
     }, 
     restrict: "A", 
     replace: true, 
     templateUrl: "tpAccStatusTransactionRow.directive.html", 
     bindToController: true, 
     controller: "tpAccStatusTransactionRowCtrl", 
     controllerAs: "transCtrl" 
    }; 
} 

})(); 

с контроллером, как:

(function() { 
'use strict'; 
//Define the Controller 
angular 
    .module("tpAccStatus") 
    .controller("tpAccStatusTransactionRowCtrl", tpAccStatusTransactionRowCtrl); 


//Inject any dependencies. 
//We don't need scope injecting as we are using the Controller as Syntax 
tpAccStatusTransactionRowCtrl.$inject = ["$scope", "tpAccStatusService", "nsgLogger"]; 

//Implement the Controller 
function tpAccStatusTransactionRowCtrl($scope, tpAccStatusService, logger) { 
    //////////////////////// Public Interface ////////////////////////////////////////////// 

    //Ensure there are no issues with the transient nature of the this pointer in Javascript 
    var vm = this; 

    vm.busy = false; 
    vm.requestStatement = requestStatement; 
    vm.documentLocation = ""; 

    //////////////////////////////////////////////////////////////////////////////////////// 

    //Activate the controller to populate the view model with any set up data 
    activate(); 


    /////////////////////////////////////////////////////////////////////////////////////// 

    //Retrieve the Administration top Level View Model from the information from the server 
    function activate() { 

    } 



    // get document 

    function requestStatement() { 
     if (vm.documentLocation != "") { 
      window.location = vm.documentLocation; 
     } 
     else { 
      if ((vm.trans.DocumentNumber != null || vm.trans.DocumentNumber != 'none')) { 
       vm.busy = true; 
       //setBusyState(true); 
       return tpAccStatusService 
       .requestStatement(null, null, vm.accountNumber, vm.trans.DocumentNumber) 
       .then(requestStatementCompleted, requestStatementErrored); 
      } else { 
       logger.error("No Accounts Selected", "Analysis Statement"); 
      } 
     } 

    } 

    function requestStatementErrored(error) { 
     vm.busy = false; 
     setMessageState(false, true, "Problem obtaining statement"); 
    } 

    function requestStatementCompleted(guid) { 
     vm.busy = false; 

     vm.documentLocation = "/download/" + guid; 
     window.location = vm.documentLocation; 



    } 


} 

})(); 

вы можете увидеть ссылку на функцию setMessageState(), которая проводится в родительском контроллере, как:

function setMessageState(showSuccess, showError, message) { 
     vm.showSuccessMessage = showSuccess; 
     vm.showErrorMessage = showError; 
     vm.message = message; 
    } 

Answer 1

Он не будет работать, поскольку функция в родительском контроллере, вероятно, также деформируется в функцию.

То, что вы пытаетесь сделать, похоже на это. Это также не работает.

(function(){ 
    function hello(){ 
     console.log("hello"); 
    } 
})(); 


(function(){ 
     hello(); 
})() 

Вся идея о изолированном объеме не ретранслировать на что-либо за пределами директивы, за исключением вещей, которые получают передаваемую в область через параметры. В вашем случае trans и accountNumber.

У вас есть несколько вариантов.

1. Либо вы двигаетесь вы действуете в службу и внедрить услугу в контроллер директивы
2. Передайте функцию от родительского контроллера в области. Я думаю, что это делается следующим образом: yourFn = '&'
3. Или вы назначаете функцию внешнего контроллера внешнему контроллеру и получаете доступ к нему во внутреннем контроллере через $scope.$parentScope.setMessageState. На самом деле это худшее решение, так как тогда вам не нужна отдельная область.