使用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的官方文档。
<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的官方文档。
相关文章推荐
- ui-router中使用$stateChangeStart来实现WEB用户登录跳转
- 使用vs2010的Coded UI Test实现数据驱动的用户自动登录测试
- 【Android UI】使用RelativeLayout与TableLayout实现登录界面
- 【Android UI】使用RelativeLayout与TableLayout实现登录界面
- PHP cURL应用实现模拟登录与采集使用方法详解
- 在 ASP.NET 中实现不同角色的用户使用不同登录界面的方法
- 在 ASP.NET 中实现不同角色的用户使用不同登录界面的方法
- PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
- PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
- PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
- AngularJS 使用 UI Router 实现表单向导
- 使用Javascript实现邮箱快速登录的方法!!
- 配置RHEV中Linux 虚拟机使用 IPA(IDM)实现单点登录的方法
- angular使用requirejs/ui-router/angularAMD实现动态加载模块
- 在 ASP.NET 中实现不同角色的用户使用不同登录界面的方法
- 在 ASP.NET 中实现不同角色的用户使用不同登录界面的方法
- 配置RHEV中LINUX 虚拟机使用ACTIVE DIRECTORY(AD域)实现单点登录的方法
- 在 ASP.NET 中实现不同角色的用户使用不同登录界面的方法
- [转]AngularJS 使用 UI Router 实现表单向导
- 在 ASP.NET 中实现不同角色的用户使用不同登录界面的方法