角度範囲のメソッドオーバーライド

Question

コントローラ（ネストされたコントローラ）の内側に角度コントローラがあります。 親メソッド内のメソッドをオーバーライドして、子メソッドを呼び出すことができます。例えば 、例の下に、私はisShow方法は、第二コントローラ（InsideCtrl）であるISOKメソッドを呼び出したいで

var angularApp = angular.module('ManagerApp', []); 

angularApp.controller('MainCtrl', ['$scope', function ($scope) { 

    $scope.states = ["NY", "CA", "WA"]; 
    $scope.isShow=function() 
    { 
    return $scope.isOK(); 
    } 

    $scope.isOK=function() 
    { 
    return false; 
    } 

}]); 

angularApp.controller('InsideCtrl', ['$scope', function ($scope) { 
    var vm = this; 
    vm.states2 = ["NY", "CA", "WA"]; 

    $scope.isOK=function() 
    { 
    return true; 
    } 
}]); 

私はそれをどのように行うことができますか？

Answer 1

親スコープが子スコープに依存していて、すべてのプロパティまたはメソッドを知っていると、デザインが悪いです。 私はこのようなソリューションを好むだろう（それが:)理想的ではありません）：

var angularApp = angular.module('ManagerApp', []); 

angularApp.controller('MainCtrl', ['$scope', 'defaultStateService', function ($scope, defaultStateService) { 
    this.stateService = defaultStateService; 

    $scope.states = ["NY", "CA", "WA"]; 
    $scope.isShow=function(state) { 
     return stateService.isOK(state); 
    } 
}]); 

angularApp.controller('InsideCtrl', ['$scope', 'customStateService', function ($scope, customStateService) { 
    var vm = this; 
    vm.states2 = ["NY", "CA", "WA"]; 
    $scope.$parent.stateService = customStateService; 
}]); 

この場合、あなたは2つのサービス実装する場合ParentControllerもChildControllerせずに動作します：isOK方法でdefaultStateServiceとcustomStateServiceを。

Answer 2

この要件を満たすには、factoryまたはserviceを使用できます。これらは、複数のコントローラ間でメソッド、変数、または値を共​​有するために使用できます。

HTML &コントローラー

var angularApp = angular.module('ManagerApp', []); 
 

 
angularApp.controller('MainCtrl', ['$scope', 'fact', function ($scope, fact) { 
 

 
    $scope.states = ["NY", "CA", "WA"]; 
 
    $scope.isShow=function() 
 
    { 
 
     fact.isOK(); 
 
    } 
 

 
    $scope.isOK=function() 
 
    { 
 
    return false; 
 
    } 
 

 
}]); 
 

 
angularApp.factory('fact', function(){ 
 
    var obj = {}; 
 
obj.isOK = function(){ 
 
    alert("LOGIN"); 
 
    } 
 
return obj; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="ManagerApp" ng-controller="MainCtrl"> 
 
<button ng-click="isShow()">Click me</button> 
 
    </div>