AngularJS denetleyicileri: Dosyayı ayırmak için ortak kodu taşıyın

Question

Bazı ortak denetimlere sahip bazı denetleyicilere sahibim, özellikle birkaç denetleyici için aynı olan bir $scope.$watch. Bu kodu ayrı bir dosyaya nasıl koyabilirim ve bu $watch'un gereksinim duyduğu çeşitli denetleyicilerindeki ortak kodu içe aktarabilir miyim?

Answer 1

Sen senin kontrolörün kapsamında geçirerek bir hizmeti kullanabilirsiniz:

angular.module('app').service("CommonFunctions", ['SomeService', function(SomeService) { 
    var commonFunctions = {}; 
    commonFunctions.init = function(scope){ 
     scope.$watch(function(){},function(){}) 
    }; 
    return commonFunctions; 
}]); 

angular.module('app').controller('Ctrl1', 
['$scope','CommonFunctions',function($scope,CommonFunctions) { 
    CommonFunctions.init($scope); 
}]); 

angular.module('app').controller('Ctrl2', 
['$scope','CommonFunctions',function($scope,CommonFunctions) { 
    CommonFunctions.init($scope); 
}]); 

Bu şekilde tek tek kontrolörün kapsamı kullanarak, ancak bir hizmet içinde ortak bir yöntem kullanıyoruz. Denetleyici kapsamlarına gerçekten eklenen bir hizmetten genel işlev istiyorsanız, bir denetleyicide angular.extend($scope, AService)'u da kullanabilirsiniz. İşte

çalışan Fiddle var: http://jsfiddle.net/rhcjdb7L/

Tabii çok serin ve tüm, ama $rootscope.$broadcast() kullanmak istemediğine emin misin? Bu oldukça iyi yazılmış: http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/