ionic webapp

優化 圖片緩存

localstrrage

插件

https://github.com/paveisistemas/ionic-image-lazy-load

https://github.com/sunsus/ngImgCache

https://github.com/sunsus/ngImgCache/blob/master/ngImgCacheIonic.js

 

ionic的頁面之間的跳轉, 用href="#/tab/index", href="#/shop" ,要注意那個tab

同屬於tab的頁面或則其餘同類型的頁面之間跳轉纔有動畫.

service.js 裏面放全局的函數和變量,並負責與服務器端通訊.

controller.js 負責把service取得的數據分配到模板裏, 這裏面是每一個模板對應一個控制器, 函數能夠寫在它的控制器,如$scope.fly=function(){};

app.js組織全部的模板, 還有每一個頁面的路徑

    .state('tab.groupbuy', {
      url: '/groupbuy',
      views: {
        'tab-groupbuy': {
          templateUrl: 'templates/tab-groupbuy.html',
          controller: 'GroupBuyCtrl'
        }
      }
    })
    /*
    .state('citys', {
      url: "/citys",
      controller: 'CitysCtrl',
      templateUrl: "templates/citys.html"
    })
*/
    .state('shops', {
      url: "/shops/:categoryId",
      controller: 'ShopsCtrl',
      templateUrl: "templates/tab-shops.html",
      animation: 'slide-left-right-ios7'
    })

    /*
    .state('market', {
      url: "/market/:marketId",
      controller: 'MarketCtrl',
      templateUrl: "templates/market.html",
      animation: 'slide-left-right-ios7'
    })

    .state('markets', {
      url: "/markets/:markettype",
      controller: 'MarketsCtrl',
      templateUrl: "templates/markets.html",
      animation: 'slide-left-right-ios7'
    })
*/
    .state('shopdetail', {
      url: "/shopdetail/:shopId",
      controller: 'ShopdetailCtrl',
      templateUrl: "templates/tab-shop.html"
    })

 

 state裏面的路徑纔是 在location.href=""裏面應該用的,不過 . 要換成 /

ionic模板裏的函數是不能直接寫變量的