ionic-ion-imageCacheFactory, 用于为你的离子应用预加载图像的工厂

分享于 

3分钟阅读

GitHub

  繁體 雙語
A factory to preload images for your Ionic app.
  • 源代码名称:ionic-ion-imageCacheFactory
  • 源代码网址:http://www.github.com/andrewmcgivery/ionic-ion-imageCacheFactory
  • ionic-ion-imageCacheFactory源代码文档
  • ionic-ion-imageCacheFactory源代码下载
  • Git URL:
    git://www.github.com/andrewmcgivery/ionic-ion-imageCacheFactory.git
    Git Clone代码到本地:
    git clone http://www.github.com/andrewmcgivery/ionic-ion-imageCacheFactory
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/andrewmcgivery/ionic-ion-imageCacheFactory
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    ionic-ion-imageCacheFactory

    用于为你的ionic应用预加载图像的工厂。

    ##Usage,将脚本导入到你的页面。

    
    <script src="lib/ionic.ion.imagecachefactory.js">
    
    
    </script>
    
    
    
    

    接下来,将模块导入你的应用程序。

    
    angular.module('myCoolApp', ['ionic','ionic.ion.imageCacheFactory'])
    
    
    
    

    最后,可以通过向工厂传递 array的图像url来进行预加载。

    
    $ImageCacheFactory.Cache([
    
    
    "http://domain.com/path/to/kittens.jpg",
    
    
    "http://domain.com/path/to/kittens2.jpg",
    
    
    "http://domain.com/path/to/kittens3.jpg"
    
    
     ]);
    
    
    
    

    Cache 方法retuns在加载所有图像时显示 promise。

    
    $ImageCacheFactory.Cache([
    
    
    "http://domain.com/path/to/kittens.jpg",
    
    
    "http://domain.com/path/to/kittens2.jpg",
    
    
    "http://domain.com/path/to/kittens3.jpg"
    
    
     ]).then(function(){
    
    
     console.log("Images done loading!");
    
    
     });
    
    
    
    

    如果任何图像导致错误,也可以通过将第二个函数传递给 then 来处理这里错误。

    
    $ImageCacheFactory.Cache([
    
    
    "http://domain.com/path/to/kittens.jpg",
    
    
    "http://domain.com/path/to/kittens2.jpg",
    
    
    "http://domain.com/path/to/kittens3.jpg"
    
    
     ]).then(function(){
    
    
     console.log("Images done loading!");
    
    
     },function(failed){
    
    
     console.log("An image failed:"+failed);
    
    
     });
    
    
    
    

    图像  PRE  images  FACT  ION  Ionic  
    相关文章