-2
我正在創建一個移動應用程序，並意識到在加載圖像之前會顯示註銷。 （加載一張圖片需要一些時間）當我添加更多內容時，我可以看到這是一個問題。加載圖像的最佳方式
有沒有關於如何有效地加載我的圖像而不是瓶頸的建議？或如何我能不能落實加載屏幕的方式來顯示，直到所有的圖像加載
<!-- end wrapper div -->
<div ng-repeat="i in data" class='wrapper'>
<!-- wrapper div -->
<!-- add address of information here!!!! -->
<!-- image -->
<a href="#/nextPage">
<img style="float:left; display:inline-block;overflow:hidden; border: 1px;" class="fill_image" src='{{ i.picture }}' style
width="100%" style height="100%" ng-click="disableClick('{{ i.firebase_url }}')"/>
</a>
<!-- description div -->
<div class='description'>
<!-- description content -->
<p class='name' style="float: left">{{ i.title }}</p>
<p class='name' style="float: right">Free</p>
<!-- end description content -->
</div>
<!-- end description div -->
</div>
<button ng-click="logOut()" class="button button-clear button-positive">Logout</button>
JavaScript文件：
'Use Strict';
angular.module('App').controller('homeController', function ($scope, $state, $cordovaOauth, $localStorage, $firebaseArray, $location, $http, $ionicPopup, $firebaseObject, Auth, FURL, Utils, $ionicHistory) {
var ref = new Firebase(FURL);
$scope.product;
// Get a reference to our posts
var ref = new Firebase("https://<database>/properties");
$scope.data = $firebaseArray(ref);
$scope.disableClick = function (n) {
localStorage.setItem('labelz', n);
}
$scope.logOut = function() {
Auth.logout();
$location.path("/login");
}
$scope.goBack = function() {
$ionicHistory.goBack();
}
}
);
對於什麼是值得的，你在你的嚴格模式指令中有一個錯字。它需要「嚴格使用」，而不是「使用嚴格」。 –
謝謝。還有一個原因，我在這個職位上被打上記號？ – Doopler
儘管您可以*將圖片存儲在Firebase中，但它對於圖片存儲來說確實不理想。如果它們很小（例如32x32像素），這不是什麼大問題，但它不是推薦的（Firebase）練習。您利用另一家存儲公司實際存儲並將這些圖像的鏈接存儲在Firebase中會更好。我沒有把它記下來，但是如果你在Firebase和圖像存儲上進行搜索 - 你會發現有很多推薦的文章。 – Jay