Mit Ui-Router-ui-sref Nur Query Params

Habe ich den folgenden link.

<a ui-sref="...">Clicking this adds ?test=true to the query params.</a>

Gibt es eine Möglichkeit, die ui-sref-Attribut nur ändern query params, ohne Neuladen der Seite oder die Umleitung auf eine andere Funktion?

InformationsquelleAutor Code Whisperer | 2014-08-29
  1. 26

    Sollten Sie in der Lage sein, es zu tun, indem die Argumente mit dem Staat.

    versuchen:-

    <a ui-sref="yourStateName({test:true})">Clicking this adds ?test=true to the query params.</a>

    Verwendung:

    ui-sref='stateName' - Navigieren Sie zu Staat, keine params. 'stateName' können alle gültigen absoluten oder relativen Zustand, nach der gleichen syntax Regeln wie $Staat.go()

    ui-sref='stateName({param: Wert, param: Wert})' - Navigieren Sie zu Staat, mit params.

    • Dies funktioniert für Staatliche params, aber nicht für die query-Befehle
    • müssen Sie es in Ihre route auch. ich.e Beispiel:- url: "/route1?test", Wie sieht deine route Aussehen? Bewegen Sie den Mauszeiger über route1 in dieser demo plnkr.co/Bearbeiten/peERl4?p=Album Vorhören, Sie werden sehen, test=true query-string-parameter
    • ah, das ist ein guter Punkt, ich werde versuchen, die Umsetzung
    • Ja, ich davon ausgegangen, dass Sie bereits haben Sie in Ihrer route... Wenn Sie mehrere query-Parameter-Satz, der bis in Ihre route ab:- url: "/route1?test1&test" und übergeben Ihnen den entsprechenden Schlüssel.
    • Gibt es eine Möglichkeit zu verhindern, dass es die Seite neu zu laden?
    • haben Sie versucht, ausschalten reloadOnSearch option?

    InformationsquelleAutor PSL
  2. 10

    In Kombination mit PSL Antwort, um zu verhindern, dass erfrischend, wenn die Einrichtung dem Staat, benutzen Sie einfach die Eigenschaft reloadOnSearch: false.

    .state('myState', {
      url: '/myState?test',
      reloadOnSearch : false,
      ...
    })

    So lange, wie Sie Ihre Abfragen, dann nehmen Sie Platz in diesem Staat.

    InformationsquelleAutor brokenalarms
  3. 9

    Einfach definieren der Namen von query-Parameter in der url Staat 

    $stateProvider.state('posts', {
    url: '/posts?test&answer',
    views: {
      content: {
        templateUrl: 'templates/posts/index',
        controller: 'PostsController'
      },
      navbar: {
        templateUrl: 'templates/partials/navbar'
      }
    }
  })

    Und Einsatz, wie dies

    <a ui-sref="posts({test: true, answer: false})">Next Page</a>

    Ich bin mit ui-router version 0.2.15

    InformationsquelleAutor Sajjad Ashraf
Schreibe einen Kommentar