简单的实现方法,没有校验,直接跳转。
<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的官方文档。