Chrome网络应用程序从MySQL获取数据

I have a simple web app which gets values from users and stores it in MYSQL. The app is written in PHP.

I'm in the process of developing a chrome web app for the same. The HTML part is done. However I'm not user on how I can fetch the data from the database and display it in the chrome app window.

The web app uses Angular JS, PHP, MySQL.

thanks in advance.

Edit:

HTML

<form>
        <div>
            <div class="form-group">
                <div class="col-sm-5">
                    <input type="text" x-webkit-speech class="form-control" ng-model="mytask" placeholder="enter your task" > 
                </div>
            </div>
        </div>
        <button ng-click='AddTask();' class="btn btn-success">Add Task</button>
    </form>

JS

$scope.AddTask = function() {
//$scope.errors.splice(0, $scope.errors.length); // remove all error messages
//$scope.msgs.splice(0, $scope.msgs.length); 
$http.post('create_task.php', {'mytask': $scope.mytask, done:false}
    ).success(function(data, status, headers, config) {
        console.log($scope.mytask);
        $scope.mytask = "";

This works fine in a web app, but not in a chrome web app. Any idea how I can make it work?