I percorsi angularjs possono avere valori di parametri predefiniti?

Question

Posso impostare un valore predefinito di un parametro di una rotta in AngularJS? C'è un modo per avere /products/123 e /products/ gestito dallo stesso percorso?

sto cercando di refactoring il mio codice esistente, che si presenta come:

myModule.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/products/', {templateUrl: 'products.html', controller: ProductsCtrl}).    
    when('/products/:productId', {templateUrl: 'products.html', controller: ProductsCtrl}) 
}]); 


function ProductsCtrl($scope, $routeParams) { 
    $scope.productId = typeof($routeParams.productId) == "undefined" ? 123 : $routeParams.productId; 
} 

Funziona, ma non è molto elegante. C'è un modo migliore ?

Answer 1

AngularJS non consente valori predefiniti per i parametri del percorso.

Ma i percorsi (in AngularJS) non devono avere parametri predefiniti.

Le risorse potrebbero avere parametri predefiniti.

Se si desidera un percorso con un parametro opzionale, in realtà sono due percorsi diversi.

Perché?

• percorsi devono essere semplici

• Routes non consente espressioni regolari che corrispondono ai parametri

• Routes non sono qualcosa che espone un'API per lavorare nella vostra applicazione (a differenza Risorse fare). Le rotte sono solo configurazione che collega un URL con un modello e un controller. Quindi avere più percorsi è meglio:

  • E 'chiaro quale route route a quale URL.

  • È più prolisso, ma più semplice da leggere. Avere percorsi più complessi creerebbe una curva di apprendimento più ripida in cui AngularJS non ne ha bisogno.

differenza framework lato server che hanno percorsi

• AngularJS vie non hanno nome.
• Non si creano URL dagli itinerari definiti.
• Non si dispone della logica (funzioni a.k.a) nelle definizioni di percorso.

Percorsi più semplici = più righe per definirli = meno mal di testa che lavorano con loro.

NOTA: Si prega di tenere presente la domanda e questa risposta è per una vecchia versione di AngularJS (1.0 Penso) pre-datazione della nuova implementazione di percorsi/risorse.

Answer 2

Riconosco che questa domanda è vecchia, ma ancora: perché non si reindirizza semplicemente l'URL "vuoto" a uno contenente l'ID prodotto predefinito?

myModule.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/products/', {redirectTo: '/products/123'}). 
    when('/products/:productId', {templateUrl: 'products.html', controller: ProductsCtrl}) 
}]); 

Answer 3

Avevo un requisito simile. Quello che ho fatto è stato creare una funzione da risolvere. Qualcosa di simile al di sotto

myModule.config(['$routeProvider', function($routeProvider) { 
$routeProvider. 
when('/products/', resolveProduct()).    
when('/products/:productId', resolveProduct()) 
}]); 


function ProductsCtrl($scope, $routeParams) { 
$scope.productId = $routeParams.productId; 
} 

function resolveProduct() { 
    var routeConfig = { 
     templateUrl: 'products.html', 
     controller: ProductsCtrl, 
     resolve: { 
     productId: ['$route', function($route){ 
      var params = $route.current.params; 
      params.productId = params.productId || 123; 
     }] 
     } 
    } 

    return routeConfig; 
} 

Answer 4

Con url: "/ view /: id /: lo stato?", è possibile indicare un parametro opzionale.

Pensavo che qualcuno potrebbe averne bisogno.

Answer 5

Non sono sicuro se questa domanda è specifico per $routeProvider ma in $stateProvider, è possibile raggiungere questo obiettivo

myApp.config(function($stateProvider) { 

    $stateProvider 
     .state('products', { 
      url: '/:productId', 
      templateUrl: "/dashboard/products.html", 
      controller: 'ProductController', 
      params: { 
       productId: { 
        value: "defaultValue", 
        squash: true // or enable this instead to squash `productId` when empty 
       } 
      } 
     }); 
});