I percorsi angularjs possono avere valori di parametro facoltativi?

Question

Posso impostare un percorso con params opzionali (stesso modello e il controller, ma alcuni params dovrebbe essere ignorato se non esistono?

Così, invece di scrivere le seguenti due regole, hanno una sola?

module.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/users/', {templateUrl: 'template.tpl.html', controller: myCtrl}).    
    when('/users/:userId', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
}]); 

qualcosa di simile ([questo parametro è facoltativo])

when('/users[/:userId]', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
//note: this previous doesn't work 

non ho trovato nulla nella loro documentazione.

Answer 1

Sembra che Angular ora supporti questo supporto.

Dagli ultimi (v1.2.0) Documenti per $routeProvider.when(path, route):

path possono contenere gruppi denominati opzionali con un punto interrogativo (:name?)

Answer 2

In realtà penso che OZ_ possa essere alquanto corretto.

Se avete il percorso '/users/:userId' e navigare a '/users/' (notare il finale /), $routeParams nel controller dovrebbe essere un oggetto contenente userId: "" in 1.1.5. Quindi nessun parametro userId non è completamente ignorato, ma penso che sia il meglio che otterrai.

Answer 3

Come @ g-eorge menzione, si può fare in questo modo :

module.config(['$routeProvider', function($routeProvider) { 
$routeProvider. 
    when('/users/:userId?', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
}]); 

È anche possibile effettuare quanto necessario per i parametri opzionali.

Answer 4

Si prega di vedere @jlareau risposta qui: https://stackoverflow.com/questions/11534710/angularjs-how-to-use-routeparams-in-generating-the-templateurl

È possibile utilizzare una funzione per generare la stringa di modello:

var app = angular.module('app',[]); 

app.config(
    function($routeProvider) { 
     $routeProvider. 
      when('/', {templateUrl:'/home'}). 
      when('/users/:user_id', 
       { 
        controller:UserView, 
        templateUrl: function(params){ return '/users/view/' + params.user_id; } 
       } 
      ). 
      otherwise({redirectTo:'/'}); 
    } 
); 

Answer 5

@JamesBell È possibile utilizzare l'opzione squash è stato risposto in questo post: app state with optional param and no trailing slash

.state('path', { 
    url: '/path/:param1', 
    params: { 
     param1: { 
      value: null, 
      squash: true 
     } 
    }, 
    views: { 
     'map-tab': { 
      templateUrl: 'templates/map.html', 
      controller: 'testCtrl' 
     } 
    } 
})