SQLからのデータがAngularJS内にロードされていません

Question

SQLからデータを取得しようとしましたが、機能しません。

私はPHPが正常に動作しています。

私はANGULARJSコントローラにいくつかの問題があると思います。ここで

はコードです：

[PHP]

require_once 'connect.php'; 
$query = $conn->query("SELECT * FROM `calendars`") or die(mysqli_error()); 
$data = array(); 

while($row = $query->fetch_array()){ 
    $data[] = $row; 
} 

echo json_encode($data); 

[AngularJSコントローラ]

function CalendarCtrl($scope,$http) { 

$http.get('../crud/calendars_read.php').then(function(response){ 
    //$scope.calendar = []; 
    $scope.calendars = response.data; 

}); 

$scope.events = [ 

    {title: $scope.calendars.calendar_title, 
    start: new Date(2017, 8, 2)}, 
// This Part does not work. 

    {title: 'Click for Google',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://google.com/'} 
// This Part works well if there is no $scope calling as above. 
]; 

私は$のscope.eventが配列であると思うし、それはなぜ$ですscope.calendarsは機能しません。誰でも検索方法を教えてください

$scope.calendars.calendar_title 

クエリから配列にはありますか？

ありがとうございました。素晴らしい一日を！

Answer 1

http getは非同期ですが、response.dataを待たずに$scope.eventsを実行し続けるので、$scope.calendars.calendar_titleはまだこのタイミングでは定義されていません。

$scope.eventsをthenに移動してください。

$http.get('../crud/calendars_read.php').then(function(response){ 
    //$scope.calendar = []; 
    $scope.calendars = response.data; 

    $scope.events = [ 

     {title: $scope.calendars.calendar_title, 
     start: new Date(2017, 8, 2)}, 

     {title: 'Click for Google',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://google.com/'} 
    ]; 
});