本节主要介绍ui.router的使用
##代码
app.js
var bookApp = angular.module('bookApp',['ui.router']);
bookApp.config(function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('/index');
$stateProvider
.state('index',{
url: '/index',
views: {
'': {
templateUrl: 'tpls/home.html'
},
'main@index': {
templateUrl: 'tpls/loginForm.html'
}
}
})
});
上述实现了对index路径的差分,当访问 http://localhost:8080/app/#/index 时,
实际访问的是home.html,并且在home.html中存在“
将其中的main块填充为loginForm.html页面
具体代码见 https://github.com/zhanfang/angular_ui_router ,可能会随时更新