您的位置:首页 > 产品设计 > UI/UE

使用ui-router的登录实现方法

2018-02-05 12:14 435 查看
简单的实现方法,没有校验,直接跳转。

<a ui-sref="booklist({bookType:0})" class="btn btn-success btn-lg">登录</a>ui-sref是ui-router中带的属性。
booklist也是一个路由,是一个状态,在app.js中对其进行定义:

routerApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/index');
$stateProvider
.state('booklist', {
url: '/{bookType:[0-9]{1,4}}',
views: { //注意这里的写法,当一个页面上带有多个ui-view的时候如何进行命名和视图模板的加载动作
'': {
templateUrl: 'tpls/bookList.html'
},
'booktype@booklist': {
templateUrl: 'tpls/bookType.html'
},
'bookgrid@booklist': {
templateUrl: 'tpls/bookGrid.html'
}
}
})
});url中用{}定义了一个正则表达式用于接受参数,具体写的方式可参见ui-router的官方文档。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: