ng-repeat不显示表数据

时间:2019-06-05 06:19:03

标签: php sql angularjs

我正在尝试使用angularjs的ng-repeat显示数据库中的数据,但未显示值。任何人都可以检查并帮助我解决问题。

以下是我的 view.html 文件

的代码
<html>
<head>
</head>
<body>
<div id="box" onclick="change_width()"></div>
</body>
</html>

以下是我的 view.php 文件的代码。

  <!DOCTYPE html>
  <html >
  <style>
     table, th , td  {
      border: 1px solid grey;
      border-collapse: collapse;
      padding: 5px;
     }
     table tr:nth-child(odd) {
       background-color: #f1f1f1;
      }
     table tr:nth-child(even) {
        background-color: #ffffff;
      }
  </style>
  <script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> 
  </script>
  <body>

   <div ng-app="myApp" ng-controller="customersCtrl">
   <table>
     <tr ng-repeat="x in names">
      <td>{{ x.rollno }}</td>
      <td>{{ x.name }}</td>
      <td>{{x.email}}</td>
      <td>{{x.phone}}</td>
      <td>{{x.address}}</td>
     </tr>
    </table>
    </div>
    <script>
       var app = angular.module('myApp', []);
       app.controller('customersCtrl', function($scope, $http) {
       $http.get("view.php")
       .then(function (response) {$scope.names = response.data.records;});
       });
     </script>
    </body>
    </html>

0 个答案:

没有答案