ng-repeat не отображает данные таблицы - PullRequest
0 голосов
/ 05 июня 2019

Я пытаюсь отобразить данные из базы данных, используя ng-repeat of angularjs, но значения не отображаются.Может кто-нибудь, пожалуйста, проверьте и помогите мне решить проблему.

Ниже приведен код моего view.html файла

  <!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>

Ниже приведен код моего view.php файла.

<?php
// header("Access-Control-Allow-Origin: *");
// header("Content-Type: application/json; charset=UTF-8");
$conn = new mysqli("localhost", "root", "root", "test2");
$result = $conn->query("SELECT *FROM info");
$outp = "";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {

   if ($outp != "") {$outp .= ",";}

   $outp .= '{"rollno":"'  . $rs["rollno"] . '"}';
   $outp .= '{"name":"'   . $rs["name"]      . '"}';
   $outp .= '{"email":"'   . $rs["email"]      . '"}';
   $outp .= '{"phone":"'   . $rs["phone"]      . '"}';
   $outp .= '{"address":"'   . $rs["address"]      . '"}';
}
$outp ='{"records":['.$outp.']}';
$conn->close();
echo($outp);
?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...