Winkel : Wie die Verwendung einer Lösung, die für alle Routen der mein Anwendung

Möchte ich lösen die Versprechen, die Last, die der aktuelle Benutzer für alle die Seite von meiner Anwendung.
Jetzt wiederhole ich die lösen in jedem $routeProvider.wenn() meiner Strecken.

  $routeProvider.when('/users/edit/:userId', {
  templateUrl: 'app/app/assets/partials/user-edit.html', 
  controller: 'UserEditController',
  resolve:{  
    'currentUser':function( UserService){            
        return UserService.getCurrentUser();
      }
  }
  });  

  $routeProvider.when('/staff_profil/edit', {
  templateUrl: 'app/app/assets/partials/profil-edit.html', 
  controller: 'ProfilEditController',
  resolve:{  
    'currentUser':function( UserService){            
        return UserService.getCurrentUser();
      }
  }
 });

Mein Ziel ist es zu beheben meine aktuellen Benutzer für alle Routen ohne Wiederholung.

InformationsquelleAutor FlavienBert | 2013-11-12
  1. 24

    Konnte man immer wickeln Sie die bestehenden, wenn Methode auf die $routeProvider durch Ihre eigene Implementierung.

    var myModule = angular.module('myModule', ['ngRoute'])
   .config(['$routeProvider', function($routeProvider){

      var originalWhen = $routeProvider.when;

      $routeProvider.when = function(path, route){

         route.resolve = {
            'currentUser':function( UserService){            
              return UserService.getCurrentUser();
            }
         };

         return originalWhen(path, route);
      };   

   }]);

    Werden Sie wahrscheinlich wollen, um einige Fehler zu überprüfen, und verwenden Sie so etwas wie Unterstrichen defaults Methode, anstatt nur überschreiben der bestehenden beheben Eigentum, aber zumindest diese Weise können Sie garantieren, dass alle Ihre Routen haben, was Sie wollen.

    Es ist auch leicht genug, um wrap up in ein-Helfer-Methode.

    • Das sieht toll aus, aber ich bekomme Error: [$injector:modulerr] Failed to instantiate module ... due to: $routeProvider.when(...) is undefined selbst wenn die ganze Methode überschreiben tut, ist return originalWhen(path, route); Stattdessen habe ich angehängt, eine neue Methode, $routeProvider.accessWhen, die return $routeProvider.when(path, route);, und rufen Sie .accessWhen statt .when in meiner Strecken-setup.
    • wouln nicht den 'currentUser' beheben überschrieben werden, wenn Sie fügen Sie die resolve-Eigenschaft in der eigentlichen route? Vielleicht route.beheben = route.lösen || { }; Strecke.beheben.currentUser = ... besser wäre?
    • Können Sie etwas ähnliches machen mit ui-router ?
    InformationsquelleAutor Josh
  2. 27

    Vollständigkeit halber, hier die komplette Lösung, mit eckigen statt Unterstrich, mit einem verkettbare 'wenn'. Nichts neues in diesem code, nur kombiniert eine Reihe von den oben genannten Antworten.

    var originalWhen = $routeProvider.when;

    $routeProvider.when = function(path, route) {
        route.resolve || (route.resolve = {});
        angular.extend(route.resolve, {
            CurrentUser : function(User) {
                return User.current();
            }
        });

        return originalWhen.call($routeProvider, path, route);
    };
    • Dies sollte die richtige Antwort. Für mich ist die Antwort akzeptiert Fehler wenn ich nicht verwenden .call
    InformationsquelleAutor Jordan Lapp
  3. 4

    Den @Josh Antwort richtig ist, außer Sie berufen originalWhen anders funktionieren:

    originalWhen.call($routeProvider, path, route);
    InformationsquelleAutor RavenSteel
  4. 3

    Beide @N13 und konnte ich nicht machen, @Josh ' s Lösung Arbeit. Aber das hat Arbeit für mich:

        module.config(['$routeProvider', function($routeProvider){
        $routeProvider.accessWhen = function(path, route){
            route.resolve || (route.resolve = {});
            route.resolve.language = "something"
            return $routeProvider.when(path, route);
        };
    }]);

    Verwendung mit:

    $routeProvider
        .accessWhen('/login', {
           ...
        });
    • Dies scheint die einfachste Lösung für mich
    InformationsquelleAutor Aeneas
  5. 2

    Fand ich, dass dieser Fall viel besser:

    angular.extend({}, $routeProvider, {
  when: function(path, route) {
    route.resolve || (route.resolve = {});
    route.resolve = angular.merge({}, route.resolve, {
      chef: 'OrganizationCheckerProvider'
    });
    return $routeProvider.when(path, route);
  }
});
    • Wenn die Frage ist in der javascript-es sollte beantwortet werden, in javascript.<br> Dieser auch verwenden, unterstreichen,... die er/Sie möglicherweise nicht verwenden
    • Endlose, ok, geändert zu JS. lodash, unterstreichen, bevorzugt wird von mir hier, weil es ausgezeichnete Tiefe verschmelzen. Er/Sie kann versuchen alternativen für lodash, unterstreichen, wenn nicht verwenden.
    • AngularJS hat Winkel.merge(Ziel, Quelle), das ähnlich aussieht wie die lodash Umsetzung _.merge().
    InformationsquelleAutor merqlove
  6. 0

    Für die Menschen, die stecken mit der alten code-Basen.

    const _when = $routeProvider.when;
$routeProvider.when = (path, route) => _when.call($routeProvider, path, {
  ...route,
  resolve: {
    ...route.resolve,
    'currentUser': [ 'UserService', UserService => UserService.getCurrentUser() ]
  }
});
    InformationsquelleAutor Michael Warner
Schreibe einen Kommentar