Können angularjs Routen optionale Parameterwerte haben?

Question

Kann ich eine Strecke mit optionaler params (gleiche Vorlage und Controller eingestellt, aber einige params ignoriert werden sollten, wenn sie nicht existieren?

Anstatt also das Schreiben der beiden folgenden Regeln haben nur ein?

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

So etwas wie diese ([diese param ist optional])

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

ich etwas nicht in ihrer Dokumentation finden konnten.

Answer 1

Es sieht so aus, als hätte Angular jetzt Unterstützung dafür.

Von den neuesten (v1.2.0) docs für $routeProvider.when(path, route):

path können optional benannte Gruppen enthalten, die mit einem Fragezeichen (:name?)

Answer 2

Eigentlich denke ich, OZ_ könnte etwas korrekt sein.

Wenn Sie die Route '/users/:userId' und navigieren müssen '/users/' (beachten Sie die Hinter /), $routeParams in Ihrem Controller sollte ein Objekt sein userId: "" in 1.1.5 enthalten. Also nein der Parameter userId wird nicht vollständig ignoriert, aber ich denke, es ist das Beste, was Sie bekommen werden.

Answer 3

Wie @ g-eorge erwähnt, können Sie es so machen :

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

Sie können auch so viel machen, wie Sie optionale Parameter benötigen.

Answer 4

Bitte sehen @jlareau hier beantworten: https://stackoverflow.com/questions/11534710/angularjs-how-to-use-routeparams-in-generating-the-templateurl

Sie eine Funktion verwenden, können Sie die Vorlage Zeichenfolge zu generieren:

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 Sie Squash-Option verwenden können, wie in diesem Beitrag beantwortet wurde: 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' 
     } 
    } 
})