Jak mogę zmienić parametry w url z AngularJS?

Question

Chcę zmienić adres URL w mojej aplikacji angularjs na bieżąco, przechylając w polu wejściowym.

np.

1. Zatrzymuję się na: http://localhost/test/year/2012
2. będę zmieniać na stronie poprzez polu wejściowym roku, do 2013 roku, że Call My yearIsChanged funkcję, niż adres URL należy zmienić na http://localhost/test/year/2013
3. Ale z mojego obecnego konfiguracja URL został zmieniony na http://localhost/test/year/2012/?year=2013

Moja konfiguracja modul.

var module = angular.module('exampleApp'). 
config(['$routeProvider', function ($routeProvider) { 
    $routeProvider. 
     when('/test/year/:year', {templateUrl: 'partials/test.html', controller: OverviewCtrl, reloadOnSearch: false}). 
     otherwise({redirectTo: '/'}); 
}]); 

działanie kontrolera:

function OverviewCtrl($scope,$routeParams, $location) { 
     $scope.yearIsChanged = function() { 
     $location.search('year', $scope.year); 
    } 
} 

Answer 1

$location.search stworzy url podobny:

http://localhost/test/year/2012?year=2013 

który nie jest to, co chcesz. Trzeba użyć $location.url():

function OverviewCtrl($scope,$routeParams, $location) { 
     $scope.yearIsChanged = function() { 
     $location.url('/test/year/' + $scope.year); 
    } 
} 

Answer 2

Właściwie jeśli użyjesz „szukaj”, a następnie $ usługa lokalizacji zmieni „szukaj” część adresu URL, zobacz URL spec. AngularJS wykryje, że routing nie zostanie zmieniony i ma możliwość ponownego załadowania kontrolera (reloadOnSearch:false).

Ale przy użyciu metod .url lub .path można zmieniać całe adresy URL, ale router AngularJS nie może wykryć, czy może ponownie użyć kontrolera, czy też nie. Tak więc jedyną opcją jest zastosowanie tabeli routingu do nowego adresu URL i ponowne zainicjowanie tras.

Aby osiągnąć swój cel (określonych adresów URL jak/rok/2012) bez regulatora ponownego ładowania można: dyrektywa

1. przepisać ngView (i ewentualnie kilka zmian do domyślnego routingu w angularjs) i spróbować ponownie wykorzystaj zakresy. To brzmi jak dość havy zmiany.

2. Nie używaj domyślnego routingu AngularJS i nie wprowadzaj pożądanych zachowań samodzielnie.

Oto sample Plunker który ilustruje drugą opcję (naciśnij mały niebieski przycisk w okienku podglądu, aby zobaczyć, jak zmiany adresu URL, a także sprawdzić przyciski Prev/Next przeglądarce użytkownika nie przeładować stronę/kontroler).

Answer 3

Należy zauważyć, że w trasie:

"kiedy ('/ test/rok/: Rok'"

BOLD słowo, to routeParam i nie jest szukaj plików.

Więc jeśli chcesz zmienić trasę, należy użyć tego:

function OverviewCtrl($scope,$routeParams, $location) { 
     $scope.yearIsChanged = function() { 
     $location.path('/test/year/'+$scope.year) 
    // .path() will set(or get) your routeParams 
    // .search() will set(or get) your seach fields like your error 
    } 
    }