Class UrlRouter

Call this method before UI-Router has bootstrapped. It will stop UI-Router from performing the initial url sync.

This can be useful to perform some asynchronous initialization before the router starts. Once the initialization is complete, call listen to tell UI-Router to start watching and synchronizing the URL.

Example:

// Prevent $urlRouter from automatically intercepting URL changes when it starts;
urlService.deferIntercept();

$http.get('/states.json').then(function(resp) {
  resp.data.forEach(state => $stateRegistry.register(state));
  urlService.listen();
  urlService.sync();
});

Example:

matcher = $umf.compile("/about/:person");
params = { person: "bob" };
$bob = $urlRouter.href(matcher, params);
// $bob == "/about/bob";

Call this sometime after calling deferIntercept to start monitoring the url. This causes UrlRouter to start listening for changes to the URL, if it wasn't already listening.

If called with false, will stop listening. Call listen() again to start listening

Example:

urlService.deferIntercept();

$http.get('/states.json').then(function(resp) {
  resp.data.forEach(state => $stateRegistry.register(state));
  // Start responding to URL changes
  urlService.listen();
  urlService.sync();
});

• If a string, it is treated as a url redirect

Example:

When no other url rule matches, redirect to /index

.otherwise('/index');

• If a function, the function receives the current url (UrlParts) and the UIRouter object. If the function returns a string, the url is redirected to the return value.

Example:

When no other url rule matches, redirect to /index

.otherwise(() => '/index');

Example:

When no other url rule matches, go to home state

.otherwise((url, router) => {
  router.stateService.go('home');
  return;
}

Pushes a new location to the browser history.

inheritdoc

Usually, a url rule is added using StateDeclaration.url or when. This api can be used directly for more control (to register a BaseUrlRule, for example). Rules can be created using UrlRouter.urlRuleFactory, or create manually as simple objects.

A rule should have a match function which returns truthy if the rule matched. It should also have a handler function which is invoked if the rule is the best match.

inheritdoc

Checks the current URL for a matching url rule, then invokes that rule's handler. This method is called internally any time the URL has changed.

This effectively activates the state which matches the current URL.

Example:

urlService.deferIntercept();

$http.get('/states.json').then(function(resp) {
  resp.data.forEach(state => $stateRegistry.register(state));
  urlService.listen();
  // Find the matching URL and invoke the handler.
  urlService.sync();
});

inheritdoc