无法使用ng-repeat加载数据

Question

我是AngularJS的新手，并试图理解它。 目前，我无法使用ng-repeat加载从PHP接收的数据。但是，我可以在控制器功能中跟踪数据。 下面是数据我从服务器获取（PHP）

array(2) { 
    [0]=> 
    array(5) { 
    ["ProjectID"]=> 
    string(4) "1830" 
    ["ProjectName"]=> 
    string(4) "ABCD" 
    ["ProjectCode"]=> 
    string(8) "abc11111" 
    ["Task"]=> 
    string(6) "Update" 
    ["ProjectStatus"]=> 
    string(8) "Complete" 
    } 
    [1]=> 
    array(5) { 
    ["ProjectID"]=> 
    string(4) "1831" 
    ["ProjectName"]=> 
    string(4) "EFGH" 
    ["ProjectCode"]=> 
    string(8) "abc22222" 
    ["Task"]=> 
    string(6) "New" 
    ["ProjectStatus"]=> 
    string(8) "Inprogress" 
    } 
} 

AngularJS代码：

$scope.url = "GetProjects.php?stDate="+ startDate + "&edDate=" + endDate; 
       $http({method: $scope.method, url: $scope.url, cache: $templateCache}) 
        .success(function(data, status) 
        { 
         $scope.status = status; 
         $scope.projects = (data); 
         for (var i=0;i<$scope.projects.length; i++) 
         { 
          alert ($scope.projects[i].ProjectName); 
         } 
        }) 

HTML代码：

<div ng-app="seReportApp"> 
    <div ng-controller="GetProjectsController"> 
     <table border="1"> 
      <tr> 
       <td>ProjectName</td> 
       <td>ProjectCode</td> 
       <td>project.Task</td> 
       <td>project.ProjectStatus</td> 
      </tr> 
      <tr ng-repeat="project in $scope.projects"> 
       <td>{{ project.ProjectName }}</td> 
       <td>{{ project.ProjectCode }}</td> 
       <td>{{ project.Task }}</td> 
       <td>{{ project.ProjectStatus }}</td> 
      </tr> 
     </table> 
    </div> 
</div> 

Answer 1

你必须使用一个NG-重复以让它起作用。在你的html中复制下面的行，它会给你一个ng-repeat用法的好例子。你应该在一张桌子上看到你的项目。

<table class="table"> 
    <tr ng-repeat="project in projects"> 
    <td>{{ project.ProjectName }}</td> 
    <td>{{ project.ProjectCode }}</td> 
    <td>{{ project.Task }}</td> 
    <td>{{ project.ProjectStatus }}</td> 
    </tr> 
</table> 

我希望它对你有所帮助。