我正在基于Ionic -v1 / Cordova的混合移动应用程序上工作,我想知道最佳实践。
到目前为止,我在控制器函数中找到了带有fetch函数的选项:
angular.module('my.controllers')
.controller('myCtrl', function ($scope, $q, ws){
var loadImgLst = ws.getImgList().then(function(response){
//get image src in a list
var imgList = response;
var promisesArray = [];
for(var i in imgList) {
var promiseSrc = fetch(imgList[i])
.then(function(response) {
var imgurl = response.url;
if(!response.ok)
{
//get fallback img
imgurl = "http://mysite/img_default.jpg";
}
return imgurl;
}).catch(function(error){
console.log(error);
});
promisesArray.push(promiseSrc);
}
return $q.all(promisesArray);
});
loadImgLst.then(function(lstImg)
{
$scope.lstImg = lstImg;
});
});
Run Code Online (Sandbox Code Playgroud)
在html视图中:
<ion-content>
<div class="list">
<div ng-repeat="src in lstImg">
<img ng-src="{{ …Run Code Online (Sandbox Code Playgroud)