Configuring State

Configuration

angular.module("myApp")
    .config(function($stateProvider, $urlRouterProvider){
        $stateProvider.state(stateName, stateConfig);
    });
- stateName - string
- stateConfig - object

State name

$stateProvider.state('home', {});
$stateProvider.state('home.child', {});
// state() returns $stateProvider
$stateProvider.state('home', {})
    .state("about", {})
    .state("contact", {})

stateConfig - object

template
templateUrl
templateProvider

controller
controllerProvider

resolve
url
params
views
abstract

onEnter ( state )
onExit ( state )

reloadOnSearch // on query parameter change state woun't reload
data

$urlRouterProvider

$urlRouterProvider.when(fromPath, toPath);
$urlRouterProvider.otherwise(path);
$urlRouterProvider.rule(handler)
// handler should return dynamically constructed path string

Last updated

Was this helpful?