Angularjs 无法使用ng repeat加载数据

Angularjs 无法使用ng repeat加载数据,angularjs,ng-repeat,Angularjs,Ng Repeat,我对AngularJS还不熟悉,正在努力理解它。 目前,我无法使用ng repeat加载从PHP接收的数据。但是,我能够在控制器函数中跟踪数据。 下面是我从PHP服务器获得的数据 array(2) { [0]=> array(5) { ["ProjectID"]=> string(4) "1830" ["ProjectName"]=> string(4) "ABCD" ["ProjectCode"]=> string

我对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>

您必须使用ng重复才能使其工作。在html中复制以下行,这将为您提供一个ng重复使用的好例子。您应该在表中看到您的项目

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

我希望它能帮助您。

您不需要在ng repeat表达式中引用$scope。非常感谢。这是一个非常简单的解决方案。