加载的图像在ios Ionic Framework中不可见

Question

我是Ionic Framework的新手，但是我已经面临图像加载的问题。

这是我通过获取响应从服务器获取图像网址的对象

我可以通过chrome工具“检查元素”查看图片的布局，但在页面上根本看不到它们，只是看不见。

也许我首先需要将它们加载到缓存中，然后再显示它们或显示？

因此，这是代码：

这是一个app.js文件：

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])

.run(function($ionicPlatform) {

$ionicPlatform.ready(function() {

if(window.cordova && window.cordova.plugins.Keyboard) {
  cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}

if(window.StatusBar) {
  StatusBar.styleDefault();
}
});

})

.config(function($stateProvider, $urlRouterProvider) {

$stateProvider

.state('main', {
url: "/main",
templateUrl: "templates/main.html",
controller: 'ImagesDashCtrl'
});

$urlRouterProvider.otherwise('/main');

});

那是一个controllers.js：

angular.module('starter.controllers', [])

.controller('ImagesDashCtrl', function($scope, myImages) {

 $scope.images = [];

 $scope.loadImages = function() {

myImages.getDownloadedImages().then(function(images){
  $scope.images = images;
});
}

});

这是services.js：

angular.module('starter.services', [])

 .factory('myImages', function($http) {

  var myDownloadedImages = [];

   return {

     getDownloadedImages: function() {

  return $http.get('http://www.test1.com').then(function(response) {
              myDownloadedImages = response.data;
              return myDownloadedImages;
          });

}

}}）;

在main.html中，只是图像的简单ng-repeat等，我也在index.html中使用“ ion-nav-view”

非常感谢你

Answer 1

首先：似乎您从未执行$scope.loadImages函数。

有两种参考图像的方法

一种方法是手动下载它们并将它们放在ionic应用程序中的图像文件夹中，然后您可以像在任何Web应用程序中一样简单地引用它们。 （然后在本地）

另一个是您在互联网上引用它们。 因此，您使用图像的绝对URL，然后将其下载。

我建议第一种方法。