路由的Resolve机制（需要了解promise）
2024-03-25 08:28:40
angular的resovle机制，实际上是应用了promise，在进入特定的路由之前给我们一个做预处理的机会
1、在进入这个路由之前先懒加载对应的 .js
$stateProvider
.state('owner_detail_room',{
url: '/owner_detail_room/{id:[0-9]{1,10}}',
views:{
'main' : {
templateUrl:function() { return 'templates/owner_detail_room.html'},
controller: 'owner_detail_roomCtrl'
}
},
resolve:{
loadCtrl: ['$ocLazyLoad', function($ocLazyLoad){
return $ocLazyLoad.load('js/owner_detail_roomCtrl.js')
}]
}
})
2、请注意，resolve是一个对象，它的key由我们自己指定，value则是一个promise的异步请求或字符串
首先，来一个多个键值对的例子1-懒加载js，2-获取user，3-判断页面权限
.state('owner_detail_room',{
url: '/owner_detail_room/{id:[0-9]{1,10}}',
views:{
'main' : {
templateUrl:function() { return 'templates/owner_detail_room.html'},
controller: 'owner_detail_roomCtrl'
}
},
resolve:{
loadCtrl: ['$ocLazyLoad', function($ocLazyLoad){
return $ocLazyLoad.load('js/owner_detail_roomCtrl.js')
}],
user: ['userservice',function(userservice){
return userservice.getUser();
}],
userLevelCheck:['LevelCheck','userservice',function(LevelCheck,userservice){
var isPass = LevelCheck.check(userservice.userLevel);
if(isPass){
return userservice.userLevel;
}else{
$state.go('level-is-not-enough');
}
}]
}
})
然后在对应的页面的ctrl中，可以注入resolve中的返回
app.controller('owner_detail_roomCtrl',['$scope','user', function($scope,users) {
$scope.users = users;
});
3、从resolve到进入路由Ctrl中，应用到的就是promise，（$q服务属性方法：$q.defer(), $q.all(), $q.when(), $q.reject(), $q.resolve().....）
来个栗子，剩下看大家了，
resolve: {
data: function(User, Post, $q) {
deferred = $q.defer();
$q.all([User.getAll, Post.getTops()]).then(function(results) {
deferred.resolve({
users: results[0],
posts: results[1]
})
});
return deferred.promise;
}
}
最后的最后，如果有错误，请务必，一定要指出
最新文章
- MongoDB进行MapReduce的数据类型
- Java使用RSA加密解密及签名校验
- 我的jQuery源码读后感
- 【python游戏编程之旅】第九篇---嗷大喵快跑小游戏开发实例
- Android Studio 中 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':compileDebugAidl'.的问题解答
- U盘安装XP_sp3
- [转]WCF 4 安全性和 WIF 简介
- javascript设计模式8
- QT5: QApplication, no such file or directory
- 面试题收集---grep和find的区别
- swift 编写欢迎界面-- ios开发
- 无线路由WMM，Short GI，AP隔离功能介绍（转）
- leetcode(js)算法10之正则表达式匹配
- kettle使用文件导入到Postgresql出现如下几种问题的总结
- Unity端游无法下载资源问题
- webstorm的快捷键总结
- elasticsearch数据过期删除处理
- 自签名证书说明——自签名证书的Issuer和Subject是一样的。不安全的原因是：没有得到专业SSL证书颁发的机构的技术支持？比如使用不安全的1024位非对称密钥对，有效期设置很长等
- rails 表单中默认值
- 859. Buddy Strings