Question

我正在尝试将json数据绑定到角度模块。以下是我的代码。

<script>
  var app = angular.module('myApp',[]);
  app.controller('myCtrl',function($scope,$http){
    $http.get("list.php").then(function(response) {
        $scope.myData = response.data.records; 
    });
  });
</script> 

    <div class="col-md-12"><!--col 1-->
       <ul>
        <li ng-repeat="z in myData">
          {{ z.Type }}
        </li>
      </ul>

我的list.php文件，

<?php    
include_once("mysql_db/db.php");
$sql = "SELECT * FROM taxitype";
$data = retrieve($sql); // This execute mysqli functions and return an array
echo json_encode($data);  
?>

但它现在在HTML文件中显示列表。可能是什么原因？是他们为angularJS创建json对象的任何特殊方法吗？

Answer 1

您应该写response.data而不是response.data.records。因为您的JSON是array而不是object。

请参阅$http服务response object properties。

这是您的更新代码。

<script>
  var app = angular.module('myApp',[]);
  app.controller('myCtrl',function($scope,$http){
    $http.get("list.php").then(function(response) {
        $scope.myData = response.data; 
    });
  });
</script> 

    <div class="col-md-12"><!--col 1-->
       <ul>
        <li ng-repeat="z in myData">
          {{ z.Type }}
        </li>
      </ul>

获取JSON数据到angularJS模块

1 个答案: