php - 无法从 webservice ionic 框架检索数据

Question

我是ionic1框架的新手，正在开发sidemenu ionic应用程序。我想从Mysql数据库获取播放列表列表。
我在我的 controller.js 中尝试过:

.controller('PlaylistsCtrl', function($scope,$http) {
$http.get("#/php/list.php")
.success(function (response) {

    $scope.playlists = response.records;
    });

console.log($scope.playlists);

 })

Php 文件代码:

header("Content-Type: application/json; charset=UTF-8");
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST');
$json[] =array('title'=>'Reggae','id'=>1);
$json[] =array('title'=>'test','id'=>2);
echo json_encode($json); 

它给出了未定义。
请帮助我哪里出错了。

Answer 1

您的代码异步工作。这就是您添加匿名函数来检索数据的原因。

console.log 在请求之后、响应出现之前被调用。所以 $scope.playlists 是空的。

您必须将 console.log 放入成功回调中才能查看结果。