四、angularjs在進入介面前載入資料

標籤：pos   路由   ret   使用   for   deferred   images   ima   htm   

有時候我們需要在頁面載入前就要綁定資料，比如有的圖片太多就會導致在載入的過程中很慢，或者title是動態，通過從後台取資料來改變，如果進入頁面後在讀取資料會導致以頁面重新整理資料太慢，這樣就需要我們在進入頁面時就把資料繫結上去有兩種辦法在進入頁面前進行載入：1、使用$ionicView.beforeEnter

 $scope.$on(‘$ionicView.beforeEnter‘, function(event, data) {                    ...                })

2、在路由配置中增加提前需要載入的資料：增加resolve在路由配置中：

.state(‘testView‘, {                url: ‘/testVuew?params‘,                templateUrl: ‘src/test/testView.html‘,                controller: ‘testViewCtrl as testView‘,                resolve: {                    greeting: [‘$q‘, ‘Service‘, ‘$stateParams‘, ‘$localStorage‘, function($q, Service, $stateParams, $localStorage) {                        var deferred = $q.defer();                        Service.post(‘Store‘, ‘XXXXXXX‘).then(function(data) {                            deferred.resolve(data.Data);//這裡返回提要提前載入的資料                        });                        return deferred.promise;                    }]                }            })

然後在controller檔案中注入greeting:

 

四、angularjs在進入介面前載入資料