无法使用 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-repeat 才能使其正常工作。在您的 html 中复制以下行，它将为您提供 ng-repeat 用法的一个很好的示例。您应该在 table.

中看到您的项目

<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 加载数据

Unable to load data using ng-repeat

angularjs

ng-repeat