Routes monitor the $location service and respond to changes in URL (typically through the hash). To “activate” a route, you simply change the URL. The easiest way to do that is with anchor tags. <a href=”#/home”>Go Home</a> <a href=”#/about”>Go to About</a> Nothing more complicated is needed. If, however, you must do this from code, the … Read more
Angular-ui-router doesn’t support external URL, you need redirect the user using either $location.url() or $window.open() I would suggest you to use $window.open(‘http://www.google.com’, ‘_self’) which will open URL on the same page. Update You can also customize ui-router by adding parameter external, it can be true/false. $stateProvider .state(‘external’, { url: ‘http://www.google.com’, external: true }) Then configure … Read more
I use resolve to save the current state data before moving to the new state: angular.module(‘MyModule’) .config([‘$stateProvider’, function ($stateProvider) { $stateProvider .state(‘mystate’, { templateUrl: ‘mytemplate.html’, controller: [“PreviousState”, function (PreviousState) { if (PreviousState.Name == “mystate”) { // … } }], resolve: { PreviousState: [“$state”, function ($state) { var currentStateData = { Name: $state.current.name, Params: angular.copy($state.params), URL: … Read more
The problem is that your ngView retains the scroll position when it loads a new view. You can instruct $anchorScroll to “scroll the viewport after the view is updated” (the docs are a bit vague, but scrolling here means scrolling to the top of the new view). The solution is to add autoscroll=”true” to your … Read more
Both do the same work as they are used for routing purposes in SPA(Single Page Application). 1. Angular Routing – per $routeProvider docs URLs to controllers and views (HTML partials). It watches $location.url() and tries to map the path to an existing route definition. HTML <div ng-view></div> Above tag will render the template from the … Read more
Thanks for the answer, agbenyezi. I looked at the article you provided but it only got me back to where I was anyway. However, I was able to figure it out and get it working. The answer turned out to be relatively simple, but it took some time and a lot of searching around. Anyway, … Read more
It looks like Angular has support for this now. From the latest (v1.2.0) docs for $routeProvider.when(path, route): path can contain optional named groups with a question mark (:name?)
ui-router is a 3rd-party module and is very powerful. It supports everything the normal ngRoute can do as well as many extra functions. Here are some common reason ui-router is chosen over ngRoute: ui-router allows for nested views and multiple named views. This is very useful with larger app where you may have pages that … Read more
$routeProvider resolve property allows delaying of route change until data is loaded. First define a route with resolve attribute like this. angular.module(‘phonecat’, [‘phonecatFilters’, ‘phonecatServices’, ‘phonecatDirectives’]). config([‘$routeProvider’, function($routeProvider) { $routeProvider. when(‘/phones’, { templateUrl: ‘partials/phone-list.html’, controller: PhoneListCtrl, resolve: PhoneListCtrl.resolve}). when(‘/phones/:phoneId’, { templateUrl: ‘partials/phone-detail.html’, controller: PhoneDetailCtrl, resolve: PhoneDetailCtrl.resolve}). otherwise({redirectTo: ‘/phones’}); }]); notice that the resolve property is defined … Read more