Angolare / UI-Router – Come posso aggiornare l’URL senza aggiornare tutto?

Sono nuovo sia per Angular che per l’ui-router. Quando qualcuno seleziona un modello e il mio controller esegue un metodo SHOW standard, voglio semplicemente aggiornare l’URL per includere l’ID del modello senza aggiornare la pagina e continuare con la mia vista originale. Non sono sicuro di come farlo …

$stateProvider .state('citylist', { url: "/", templateUrl: "views/index.html" }) .state('cityshow', { url: "/city/:id", templateUrl: "views/index.html" }) angular.module('app.system').controller('IndexController', ['$scope', 'Global', 'Cities', '$stateParams', '$location', function ($scope, Cities, $stateParams, $location) { $scope.loadTown = function(id) { Cities.get({id: id }, function(city) { $scope.city = city // Change URL // Do things within the same view... }); }; });