加载的图像是'在ios Ionic Framework中不可见
Loaded images aren't visible in ios Ionic Framework
我是Ionic Framework的新手,但我已经面临图像加载的问题。
这是我通过获取响应从服务器获取图像的URL对象
我可以通过chrome的工具"检查元素"看到图像的布局,但我在页面上根本看不到它们,它们就是不可见。
也许我需要先将它们加载到缓存中,然后显示它们或smth?
所以,这是代码:
这是一个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');
});
这是一个控制器.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中,只有一个简单的图像重复,等等,我还在index.html 中使用"离子导航视图"
非常感谢
首先:您似乎从未执行过$scope.loadImages
函数。
有两种方法可以参考图像
一种方法是手动下载它们,并将它们放在ionic应用程序中的图像文件夹中,然后您可以像在任何web应用程序中一样简单地引用它们。(它们是本地的)
另一种是你在互联网上引用它们。所以你使用图片的绝对url,它们就会被下载。
我推荐第一种方式。
相关文章:
- 使用Ionic Framework和AngularJS嵌入社交网络的发布
- 如何在Ionic Framework中实现选项卡页面之间的转换
- Ionic Framework如何为带有国家代码的手机号码添加表单
- Ionic Framework/.NET应用程序同步
- 无法在 Ionic Framework 上使用人行横道获取地理位置(未发现错误)
- AngularJS / Ionic Framework - 为什么我的一个模板值没有被替换
- 当我“拉取刷新”时,如何清理缓存?使用Ionic Framework和AngularJS
- Ionic Framework 中的 Cordova 插件媒体兼容性问题
- Ionic Framework Popover JQuery addClass
- 有没有一种方法可以使用不同的环境配置文件来为基于Ionic Framework的Cordova应用程序进行开发和生产设置
- 无法从 AngularJS Ionic Framework 中的另一个控制器调用方法
- Ionic Framework无限滚动http获取数据
- 加载的图像是'在ios Ionic Framework中不可见
- Ionic Framework-如何提交具有动态内容的表单
- 使用Ionic Framework,我如何向过渡动画提供我希望视图以何种方式滑入或滑出的提示
- 如何在Ionic framework的动作表单中设置条件选项标签?
- Ionic Framework/AngularJS中的两组单选按钮
- 在Ionic Framework (AngularJS)中获取并设置一个复选框
- 在Ionic Framework (AngularJS)中保存应用设置
- Ionic Framework, html &作用域变量中的Angular内容