離子和SQLite等到數據庫信息加載

Question

我有一個Ionic項目，我需要在主頁上呈現數據庫的一些信息，比如TODO程序。

我已經在數據庫上的一些信息，我想呈現的項目清單，但我有一個問題：

• 第一家庭頁面加載，沒有任何結果
• 然後從數據庫中的數據被加載並顯示在屏幕

的問題是我想要的看法等到數據庫信息被加載，直到顯示任何有關，我想知道如果我可以使用某種類型的加載圖標的。

我已經按照這裏的答案：Open database before main controller is called in Ionic and SQlite

我有數據庫初始化工作，但正如我已經說過，視圖渲染後數據被加載。

我一直在使用$ionicLoading嘗試，但我沒有得到任何好的結果

這是我的看法：

.controller('homeCtrl', function ($scope, $state, $cordovaSQLite, DB) { 
    $scope.$on('$ionicView.enter', function() { 
     tasks = [] 
     var query = "SELECT * FROM task;"; 

     $cordovaSQLite.execute(DB.db, query, []).then(function(results) { 
      if(results.rows.length > 0) { 
       for (i=0; i<results.rows.length; i++){ 
        console.log("SELECTED -> " + results.rows.item(0).title);  
        $scope.tasks.push(results.rows.item(i)) 
       }      
      } else {      
       console.log("No results found"); 
      } 
     }, function (err) { 
      $scope.tasks = []; 
      console.error(err); 
     }); 
     $scope.tasks = tasks; 
    }); 

}) 

這是我在現在這個問題的視頻例如：

https://youtu.be/H2fUYQuV3xg

Answer 1

最後我發現下面的在我的路線使用的決心的建議的解決方案。

.state('home', { 
    url: '/', 
    templateUrl: 'templates/home.html', 
    controller: 'homeCtrl', 
    resolve: { 
     tasks: function(DB) { 
       return DB.getTasks(); 
        }); 
     } 
    } 
}) 

我有一個叫DB的工廠，我有一些函數可以從數據庫中檢索數據。

app.controller('homeCtrl', function (tasks) { 

    $scope.tasks = tasks; 
})