So führen Sie eine Funktion auf jeder Seite in AngularJs

Question

Ich habe eine Funktion erstellt, die überprüft, ob ein Cookie existiert und ich möchte diese Funktion auf jeder Seite mit angularjs ausführen. Ich kann die Funktion einfach nicht ausführen lassen. Soll ich das Modul in eine neue Steuerung einbauen? Dies ist

, wie weit ich erreicht:

angular.module('myApp', ['ngCookies']). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/products', {templateUrl: '/tmpl/products.html', controller: Ctrl}). 
     otherwise({redirectTo: '/index'}) 
    }]).run(function($rootScope, $location) { 

//should I call it here? 
//validateCookie(); 


}); 

function validateCookie($scope, $cookieStore, $http){ 


} 

Answer 1

Ich denke, es gäbe ein paar Möglichkeiten, dies zu lösen. Wenn Sie diese Überprüfung jedes Mal durchführen möchten, wenn Sie Routen ändern (was bedeutet, dass sie beim ersten Start der Anwendung sowie auf jeder Seite ausgeführt wird, auf die Sie innerhalb der Anwendung gehen), können Sie Folgendes tun:

angular.module('myApp', ['ngCookies']). 
config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/index', {templateUrl: '/tmpl/index.html', controller: IndexCtrl}). 
     when('/products', {templateUrl: '/tmpl/products.html', controller: Ctrl}). 
     otherwise({redirectTo: '/index'}) 
}]) 
.run(function($rootScope, validateCookie) { 
    $rootScope.$on('$routeChangeSuccess', function() { 
     validateCookie($rootScope); 
    }) 
}) 
.factory('validateCookie', function($cookieStore, $http){ 
    return function(scope) { 
     // Validate the cookie here... 
    } 
}) 

Wenn Sie nicht bei jeder Routenänderung ausführen müssen, können Sie einfach die „run“ Funktion ändern:

.run(function($rootScope, validateCookie) { 
    validateCookie($rootScope); 
}) 

Answer 2

Vielleicht können Sie die Ereignisse entlang der Route (routeChangeStart) binden in diese Änderungen, bevor die Route zu testen? Wenn der Test fehlschlägt, redirect. .

http://docs.angularjs.org/api/ng $ route

Diskussion über eine Routenänderung Cancelling: https://groups.google.com/forum/?fromgroups=#!topic/angular/-yPBLMJQO_Q

Answer 3

ich einen Dienst schaffen würde, die Sie in Ihre Controller injizieren wollen. Die angulare Stelle hat ein gutes Beispiel dafür, wie dies zu tun ist: Creating Services. Normalerweise, wenn Sie einige Logik an vielen Orten verwenden möchten, ist die Erstellung eines Dienstes die Art und Weise, dies zu tun.

Answer 4

ich untersuchen würde die Kombination der routeProvider Eigenschaft lösen und mit Dienstleistungen.

Übersicht Video

http://www.youtube.com/watch?v=Kr1qZ8Ik9G8

API-Details

http://docs.angularjs.org/api/ng $ routeProvider