Modifier les paramètres de la route sans mettre à jour la vue

Je suis en train d'essayer de comprendre comment modifier les paramètres de l'itinéraire sans recharger la page entière. Par exemple, si je commence à

http://www.example.com/#/page

mais la mise à jour d'un nom 'George', de changer l'itinéraire à:

http://www.example.com/#/page/george

Si j'ai déjà eu http://www.example.com/#/page/:name de routage.

Sans rechargement de l'emplacement. Peut-on juste valeur $routeParams.nom = "George" ?

Edit:
Sinon, est-il un moyen de mettre à jour http://www.example.com/#/page?name=George sans recharger ou la réinitialisation de la page?

InformationsquelleAutor jbenowitz | 2013-07-31
  1. 41

    Ok, après beaucoup de recherche. J'ai répondu à ma propre question.

    J'ai découvert de trouver quoi que ce soit sur l'angle de la documentation est incroyablement impossible, mais parfois, une fois qu'il est trouvé, il modifie la façon dont vous pensez au sujet de votre problème.

    J'ai commencé ici: http://docs.angularjs.org/api/ng.$emplacement
    Ce qui m'a pris ici: http://docs.angularjs.org/guide/dev_guide.services.$emplacement
    Ce qui m'a pris à cette question: AngularJS Pagination avec $lieu.chemin d'accès, mais pas de ngView recharger

    Ce que j'ai fait:
    J'ai ajouté $location.search({name: 'George'}); À l'endroit où je voulais changer le nom du (Des $scope.$watch).

    Cependant, cela va recharger la page, sauf si vous faites ce qui est en bas à StackOverflow lien et ajouter un paramètre à l'objet que vous passer dans $routeProvider.when. Dans mon cas, ça ressemblait à: $routeProvider.when('/page', {controller: 'MyCtrl', templateUrl:'path/to/template', reloadOnSearch:false}).

    J'espère que cela sauve quelqu'un d'autre un mal de tête.

    • Cette solution ajoute la requête params et de ne pas remplacer l'existant routeParams, qui était d'origine de votre problème. Pour remplacer l'existant routeParams vous pouvez utiliser $location.path() qui est un getter et setter.
    • Est-il possible de mettre à jour un paramètre spécifique sans le déclenchement d'une actualisation à l'aide de $location.path()?
    • $lieu.recherche() retourne un objet contenant les paramètres, mettre à jour celui que vous voulez , et de les passer à nouveau à $emplacement.recherche({}).
    • hmm, cela ne fonctionne que si vous êtes d'accord avec le fait d'avoir ?param dans votre chemin, mais si vous voulez juste /param alors il semble que vous aurez besoin d'un hack depuis l'Angulaire de l'équipe ne semblent pas intéressés à offrir une fonctionnalité de ne pas recharger la page: github.com/angular/angular.js/issues/1699
    InformationsquelleAutor jbenowitz
  2. 11

    J'ai effectivement trouvé une solution que je trouve un peu plus élégant pour mon application.

    L' $locationChangeSuccess événement est un peu une approche par force brute, mais j'ai trouvé que la vérification du chemin nous permet d'éviter la page est rechargée lorsque la voie de chemin de modèle est inchangé, mais la recharge de la page lors de la commutation d'une route différente de modèle:

    var lastRoute = $route.current;
$scope.$on('$locationChangeSuccess', function (event) {
    if (lastRoute.$$route.originalPath === $route.current.$$route.originalPath) {
        $route.current = lastRoute;
    }
});

    L'ajout du code à un contrôleur permet le rechargement de plus en plus intelligents.

    • C'est le chemin à parcourir. Cela fonctionne pour la 1.6.x
    InformationsquelleAutor Jason Young
  3. -6

    Vous pouvez modifier l'affichage de la page à l'aide de ng-show et ng-hide, ces transitions ne pas recharger la page. Mais je pense que le problème que vous essayez de résoudre est que vous voulez être en mesure de créer un signet de la page, être en mesure de rafraîchissement de presse et d'obtenir la page que vous souhaitez.

    Je vous suggère de mettre en œuvre angulaire de l'interface utilisateur du routeur Qui est excellent pour la commutation entre les états, sans avoir à recharger la page. Le seul inconvénient est que vous devez changer tous vos itinéraires.

    Découvrez-le ici il y a une grande démonstration.

    InformationsquelleAutor Mike Roberts