Angularjs 无法使用ng repeat加载数据
我对AngularJS还不熟悉,正在努力理解它。 目前,我无法使用ng repeat加载从PHP接收的数据。但是,我能够在控制器函数中跟踪数据。 下面是我从PHP服务器获得的数据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
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。非常感谢。这是一个非常简单的解决方案。