angular-ui-router API

[Narutocc]

UI Router 中有三种方式激活一个路由：
（1）$state.go()：优先级较高的便利方式
（2）ui-sref：点击包含此指令跳转
（3）url：url导航

一、$state.go()

（1）$state.go(to[,toParams][,options])
参数：
to：绝对“state名称”或者相对的"state路径"（如果路径，以“^或者.”是相对，否则为绝对）
toParams：发送给state的数据参数，由$stateParams构建
options：{ location: true, inherit: true, relative: $state.$current, notify: true}
（2）$state.transitionTo(to,toParams[,options])
$state.go()内部调用此方法
（3）$state.reload()

二、ui-sref

此指令必须绑定到标签，如果该路由有对应的关联URL，其通过$state.href()自动生成和更新href属性。

<a ui-sref="home">home</a>

（1）ui-sref-active="active" 该路由激活，则对应增加active样式名称

<ul>
	<li ui-sref-active="active" class="item">
		<a href ui-sref="app.user({user:'test'})">@test</a>
	</li>
</ul>

当路由是“app.user”，且包含参数user值为test，会变成如下：

<ul>
	<li ui-sref-active="active" class="item active">
		<a ui-sref="app.user({user:'test'})" href="/user/test">@test</a>
	</li>
</ul>

（2）ui-sref-opts传递参数

<a ui-sref="home" ui-sref-opts="{reload:true}">Home</a>

三、URL Routing

$stateProvider.state("nav",{
        url:"...",
        templateUrl:"..."
})

其支持正则、查询参数
（1）$urlRouterProvider.when()
（2）$uelRouterProvider.otherwise()
（3）$urlRouterProvider.rule()