AngularJS – Dynamischer $StateProvider

Question

Ich versuche eifrig, einen dynamischen $StateProvider zu erstellen:

Standardmäßiger statischer $StateProvider:

    $stateProvider
      .state('main',
      {
        url: '/',
        templateUrl: '/views/main.html',
        controller: 'MainCtrl'
      })
      .state('login',
      {
        templateUrl: '/views/login-form.html',
        controller: 'LoginCtrl'
      })
      .state('logout',
      {
        controller: 'LogoutCtrl'
      })
      .state('sales', {
        templateUrl: '/views/sales-data.html',
        controller: 'SalesDataCtrl',
        resolve: {
          user: 'User',
          authenticationRequired: function(user) {
            user.isAuthenticated();
          }
        }
      });

Dynamischer $StateProvider:

var verify = function(user) { user.isAuthenticated(); };

var states= [
{ name: 'main', url: '/', templateUrl: '/views/main.html', controller: 'MainCtrl' },
{ name: 'login', url: '', templateUrl: '/views/login-form.html', controller: 'LoginCtrl' },
{ name: 'logout', url: '', templateUrl: '', controller: 'LogoutCtrl' },
    {
        name: 'sales',
        url: '',
        templateUrl: '/views/sales-data.html',
        controller: 'SalesDataCtrl',
        //resolve:
        //[
        //    { user: 'User', authenticationRequired: 'verify();' }
        //]
    }
];
       // w/o the array brackets in resolve the navigation does not work.
       // with the array brackets, once sales is clicked I get:
       // Error: [ng:areq] Argument 'fn' is not a function, got Object

Die beiden folgenden Methoden funktionieren, solange ich „resolve“ nicht verwende:

  This works:
   angular.forEach(states, function(state) {
        $stateProvider.state(state);
    });

   This works:
   angular.forEach(states, function(state) {
        $stateProvider.state(state.name, state);
    });

Frage: Wie kann ich dafür sorgen, dass dieser dynamische $StateProvider mit der Auflösung funktioniert?

Answer 1

Lösung:

generasacodicetagpre.

Answer 2

Ich glaube, du rufst an $stateProvider.state(...) fälschlicherweise wird eine Status-ID und dann das Konfigurationsobjekt benötigt.

Vorausgesetzt, Ihr name Eigenschaften gültig und eindeutig sind, sollten Sie dies einfach tun können (oder es nach Bedarf anpassen):

angular.forEach(states, function(state) {
    $stateProvider.state(state.name, state);
});