javascript - WebSql から AngularJs でデータを取得する

Question

私はAngularJs、JQuery Mobileを使用してAndroidアプリを開発しています。JQM-AngularJS Adapterサーバー側では、. 今、私はランタイムからデータを取得したいのですが、初期化できませんでしたJayDataDataBaseWebSqlwebSqlDropDownsDropDowns

ドロップダウン コード

<ul data-role="listview" data-inset="true" ng-controller="foodSelection">
    <li><span>Catagory</span>
        <select id="selectCatagoryFood" data-role="listview" data-native-menu="true"
            ng-init="foodCatagory = foodCatagories.cast[0]"
            ng-options="foodCatagory as foodCatagory.text for foodCatagory in foodCatagories.cast"
            ng-model="foodCatagory"
            ng-change="changeFoodCatagory()">
        </select>
    </li>
</ul>

Angular と JayData コード

var myApp = angular.module('myApp',[]);
myApp.factory('foodCatagories',function(){
     var foodCatagories = {};
     foodCatagories.cast = [
     {
         value: "000",
         text: "Select Any"
    }
    ];
return foodCatagories;
});
myApp.controller('foodSelection',function($scope,foodCatagories){
$scope.foodCatagories = foodCatagories; // First Add Dummy Data
_context.onReady(
{
    success:function()
            {   //Context For Getting Data -- JayData Method --
                _context.FoodGroup.forEach(function(FG)
                {
                    //Get Data From WebSql
                        console.log(FG.FoodGroupID);
                        console.log(FG.Description);

                }).then(function()
                {
                 // Now Here I want To Dumped in to dropdown
                });
            },
    error: function (error)
           {
               alert(error);
               console.log(error);
               alert("error");
           }
}).then(function(){

});
$scope.changeFoodCatagory = function(){
    alert($scope.foodCatagory.value);
}
});

実行時にデータが必要なのですが、どうすればよいですか?