Post
Ask Question

How to Call JSON Data in AngularJS Table

Html
  1. <tbody>  
  2.     <tr style="color: #7A2900" data-ng-repeat="user in users | filter:search | orderBy:Btn:reverse">  
  3.         <td>  
  4.             {{user.id }}  
  5.         </td>  
  6.         <td>  
  7.             {{user.firstName }}  
  8.         </td>  
  9.         <td>   
  10.             {{user.lastName }}  
  11.         </td>  
  12.         <td>   
  13.             {{user.phone }}  
  14.         </td>  
  15.         <td class="text-center">  
  16.             <img alt="Responsive image" class="img-circle col-xs-10 col-md-10" ng-src="upload/{{user.photo}}"  
  17. height="100px" width="100px" />  
  18.         </td>  
  19.         <td class="text-center">  
  20.             <a href="#" class="btn btn-primary" ng-click="edit(user.id)">  
  21.                 <span class="glyphicon glyphicon-pencil"></span>Edit  
  22.             </a> |   
  23.             <a href="#" class="btn btn-danger" ng-click="del(user.id)">  
  24.                 <span class="glyphicon glyphicon-remove"></span>Delete  
  25.             </a>  
  26.         </td>  
  27.     </tr>  
  28. </tbody>  
JS File 
  1. $scope.LoadData = function()   
  2. {  
  3.     $http.get('JsonData.txt').success(function(data) {  
  4.         $scope.users = data;  
  5.     }  
  6. }  
JsonData.txt is my json file name.
$scope.users is A Array all data stored in array.