AngularJS进阶(三十六)AngularJS项目开发技巧之利用Service&amp；Promise&amp；Resolve解决图片预加载问题(后记)_service 和promise

.state('tab.find_med', {
url: "/find_med",
views: {
'tab-find_med': {
templateUrl: "find_medicine.html",
controller: 'find_med_contrller',
resolve:{
adpic:function(){
var data = {};
appCallServer($http, "9101", data,
//success function
function(data) {
console.log("9101_resolve:" + JSON.stringify(data.data));
var adpic = new Array;
for (var i = 0; i < data.data.length; i++) {
adpic[i] = data.data[i].url;
}
return adpic;
},
// fail function
function(data) {
$ionicLoading.show({
template: "查询广告失败,请检查您的网络连接"
});
$timeout(function() {
$ionicLoading.hide();
}, 1200);
return false;
});
}
}
}
}
})

控制器:

$scope.getadpic = function() {
$scope.adpic = adpic;
};
$scope.getadpic();

执行程序，查看效果,提示如下错误:

unpr全称是Unknown Provider,也就是说没有找到注入的东西。

找了半天忽然醒悟了，resolve中的对象只有在相应的控制器中才可以获取到，而自己之前是在别的控制器中添加的resolve对象，难怪总是报服务未注入的错误呢。正确的代码如下:

路由:

$stateProvider
.state('tab', {
url: "/tab",
templateUrl: "tabs.html",
controller: 'tabsCtrl',
resolve:{
adpic:function(){
return "www";
}
}
})

控制器:

myCtrl.controller(‘tabsCtrl’, function($scope,$rootScope, $http,$location,… $timeout, adpic) {

…

$scope.getadpic = function() {

console.log(“adpic…” + adpic);

};

$scope.getadpic();

}

所以一定要掌握原理。不要茫然。

添加以上代码后，HBuilder报如下错误:

通过参考网络文献，优化后的代码如下:

// 利用Factory单例特性创建服务
myModule.factory('myAdpicService',function($http, $q){
 
return {
getAdpic: function() {
var d = $q.defer();
var data = {};
appCallServer($http, "9101", data,
//success function
function(data) {
console.log("9101_resolve:" + JSON.stringify(data.data));
var adpic = new Array;
for (var i = 0; i < data.data.length; i++) {
adpic[i] = data.data[i].url;
}
console.log("adpic___________:" + adpic);
d.resolve(adpic);
},
// fail function
function(data) {
$ionicLoading.show({
template: "查询广告失败,请检查您的网络连接"
});
$timeout(function() {
$ionicLoading.hide();
}, 1200);
d.reject(data);
});
return d.promise;
}
}
});<span style="color: rgb(62, 75, 83); font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span>

<span style="color:#ff0000;">$stateProvider
.state('tab', {


#### css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解


![](https://img-blog.csdnimg.cn/img_convert/0b21bb98e21cb867e8b56af4240fb975.webp?x-oss-process=image/format,png)

#### js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？


![](https://img-blog.csdnimg.cn/img_convert/f90630898e20ce5e56825b65780120d1.webp?x-oss-process=image/format,png)

6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？


[外链图片转存中...(img-aeYdROPU-1718164864254)]