AngularJS Reading from a MySQL database




AngularJS Reading from a MySQL database

<!DOCTYPE html>
<html >
   <style>
      table, th , td  {
         border: 1px solid red;
         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.Name }}</td>
               <td>{{ x.Country }}</td>
            </tr>
         </table>
      </div>
      <script>
         var app = angular.module('myApp', []);
         app.controller('customersCtrl', function($scope, $http) {
            $http.get("customers_mysql.php")
            .then(function (response) {$scope.names = response.data.records;});
         });
      </script>
   </body>
</html>

Output