angularjs学习：ui-router

标签：

1.安装angularUI的ui-router组件

2.ui-router是一个路由框架，允许你通过状态机组织接口，而不是简单的URL路由。

<div ui-view></div>

通过config()来设置路径配置：

.config(function($stateProvider,$urlRouterProvider) {
$stateProvider
.state(‘start‘, {
url: ‘/start‘,
templateUrl: ‘partials/start.html‘
})
});

这一步给状态配置对象分配了一个名为start的状态。这个状态配置对象，或者说这个 stateConfig也有一些与路由配置对象相似的选项，让你能够配置应用程序的状态。 

在每个视图上设置模板的方式有三种。

   templateProvider：一个返回HTML内容字符串的函数。

$stateProvider
.state(‘admin‘, {
abstract: true,
url: ‘/admin‘,
template: ;<div ui-view></div>‘
}).state(‘admin.index‘, {
url: ‘/index‘,
template: ‘<h3>Admin index</h3>‘
}) 

abstract抽象模板永远不能直接激活，但是可以设置被激活的子节点

3.$urlRouterProvider
$urlRouterProvider路由提供程序构建规则，规定当特定的URL被激活时会发生什么

.config(function($urlRouterProvider) { //想将一个空路由重定向到/inbox： 
$urlRouterProvider.when(‘‘, ‘/inbox‘);                                                             });  

otherwise() 在没有其他路由匹配时发起重定向。这个方法是创建默认URL的一种很好的方式。

.config(function($urlRouterProvider) { //重定向到/： 
$urlRouterProvider.otherwise(‘/‘);
});  

angularjs学习：ui-router

标签：

原文地址：http://my.oschina.net/haoqoo/blog/420122