To get parameters from URL with ngRoute . It means that you will need to include angular-route.js in your application as a dependency. More information how to do this on official ngRoute documentation. The solution for the question: // You need to add ‘ngRoute’ as a dependency in your app angular.module(‘ngApp’, [‘ngRoute’]) .config(function ($routeProvider, $locationProvider) … Read more
Instead of updating the path, just update query param with a page number. set your route to ignore query param changes: …. $routeProvider.when(‘/foo’, {…, reloadOnSearch: false}) …. and in your app update $location with: … $location.search(‘page’, pageNumber); …
Simply use hashbang #! in the href: <a href=”#!/add-quote”>Add Quote</a> Due to aa077e8, the default hash-prefix used for $location hash-bang URLs has changed from the empty string (”) to the bang (‘!’). If you actually want to have no hash-prefix, then you can restore the previous behavior by adding a configuration block to your application: … Read more
In order to switch between different views, you could directly change the window.location (using the $location service!) in index.html file <div ng-controller=”Cntrl”> <div ng-click=”changeView(‘edit’)”> edit </div> <div ng-click=”changeView(‘preview’)”> preview </div> </div> Controller.js function Cntrl ($scope,$location) { $scope.changeView = function(view){ $location.path(view); // path not hash } } and configure the router to switch to different partials … Read more
Yes, you should configure $locationProvider and set html5Mode to true: angular.module(‘phonecat’, []). config([‘$routeProvider’, ‘$locationProvider’, function($routeProvider, $locationProvider) { $routeProvider. when(‘/phones’, {templateUrl: ‘partials/phone-list.html’, controller: PhoneListCtrl}). when(‘/phones/:phoneId’, {templateUrl: ‘partials/phone-detail.html’, controller: PhoneDetailCtrl}). otherwise({redirectTo: ‘/phones’}); $locationProvider.html5Mode(true); }]);
You can inject $routeParams (requires ngRoute) into your controller. Here’s an example from the docs: // Given: // URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby // Route: /Chapter/:chapterId/Section/:sectionId // // Then $routeParams ==> {chapterId:1, sectionId:2, search:’moby’} EDIT: You can also get and set query parameters with the $location service (available in ng), particularly its search method: $location.search(). $routeParams are less … Read more
After some diving through some documentation and source code, I think I got it working. Perhaps this will be useful for someone else? I added the following to my module configuration: angular.module(…) .config( [‘$routeProvider’, function($routeProvider) {…}] ) .run( function($rootScope, $location) { // register listener to watch route changes $rootScope.$on( “$routeChangeStart”, function(event, next, current) { if … Read more