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

1 个答案: