Muestra los datos recostackdos de MYSQL a la página html usando AngularJs y PHP

Soy nuevo en AngularJS. Estoy trabajando en un proyecto donde la aplicación muestra contenido de MYSQL (tabla ficticia con detalles de vuelo que tiene columnas de Aerolíneas, salida, Llegada, Duración y Precio) en una tabla HTML usando PHP y AngualarJS. He escrito el código para AngularJs y PHP. Ahora, cuando trato de mostrar los datos recuperados a html, no puedo hacerlo (traté de acceder a mi archivo PHP directamente, y muestra los datos en formato JSON). Consulte mi HTML (flights.html), Código JAVASCRIPT / AngularJS (Flights.js) y PHP (Flights.php):

CÓDIGO HTML

          
 
 
 
Airlines
 
Departure
 
Arrival
 
Duration
 
Price
 
 
 
 
 
{{flights.Airlines}}
 
{{flights.departure}}
 
{{flights.Arrival}}
 
{{flights.Duration}}
 
{{flights.Price}}
 
 
 
   

CÓDIGO JAVASCRIPT

 var response; var app = angular.module('mymodule', []); app.controller('myCtrl', function($scope, $http) { $http.get("Flights.php") .success(function(response) { //$scope.myWelcome = response; //$scope.myWelcome = response.data; $scope.response = response.data; console.log(response); }) .error(function() { $scope.response = "error in fetching data"; }); }); 

CÓDIGO PHP

 query($sql); if($result->num_rows > 0) { while ($row = $result->fetch_array()) { $data[] = $row; } $res_final = json_encode($data); echo $res_final; } else { echo"0 results"; } $conn->close(); } ?> 

además cuando veo la consola puedo encontrar los objetos (elementos de la matriz) como Array [6] 0: Object1: Object2: Object3: Object4: Object5: Objectlength: 6__proto__: Array [0] Por esto soy consciente de que los datos se han pasado javascript pero por código Angularjs / javascript no es apropiado. Por lo tanto, ayúdenme con esto, y gracias de antemano

 $scope.response = response; 

 $scope.response = response.data; 

 .then(function successCallback(response) 

  .success(function(data) { $scope.lstWeeklyMenu = data;