"optional" Params in AngularJS Zustände/Ansichten mit UI-Router

Question

Ich habe eine Kundensuche-Ansicht, die standardmäßig ein Formular für Vor- und Nachname lädt. Es kann jedoch diese Parameter als Argumente in der URL verwenden. Meine App Config enthält:

$stateProvider 
     .state({ 
      name:  "search", 
      url:   "/search", 
      templateUrl: "partials/customerSearch.html", 
      controller: "CustomerSearchCtrl" 
     }) 
     .state({ 
      name:  "searchGiven", 
      url:   "/search/:fn/:ln", 
      templateUrl: "partials/customerSearch.html", 
      controller: "CustomerSearchCtrl" 
     }) 

Das funktioniert, aber es scheint, als ob es unnötige Redundanzen hat. Gibt es einen besseren Weg? Soll das etwas sein, das $urlRouterProvider behandelt?

Answer 1

Es gibt eine issue in ui-router tracker über optionale Parameter. Ab sofort können Sie sie nicht in klarer Weise angeben, aber Sie können reguläre Ausdrücke verwenden:

url: '/search{fn:(?:/[^/]+)?}' 

oder Abfrageparameter:

url: '/search?fn&ln' 

Menschen daran arbeiten, obwohl, so würde ich erwarte die gewünschte Funktionalität irgendwann in der Zukunft.

Answer 2

können Sie verwenden:

$stateProvider 
.state({ 
    name:  "searchGiven", 
    url:   "/search/{fn}/{ln}", 
    params: { 
     fn: {value: 'foo'}, 
     ln: {value: 'bar'} 
    }, 
    templateUrl: "partials/customerSearch.html", 
    controller: "CustomerSearchCtrl" 
}) 

Answer 3

Es ist ein Update, können Sie das:

$stateProvider.state("foo", { 
    url: "/search/{fn}/{ln}" 
}); 

Wie nateabele bei der Ausgabe kommentiert über optionale Parameter: view here