在AngularJS中,可以使用ng-repeat指令来循环遍历从PDO fetch中获取的数据行。下面是一个示例代码:
HTML模板:
名称
年龄
城市
{{person.name}}
{{person.age}}
{{person.city}}
AngularJS控制器:
app.controller('myController', function($scope, $http) {
$http.get('fetch_data.php')
.then(function(response) {
$scope.people = response.data;
});
});
PHP文件(fetch_data.php):
query('SELECT * FROM people');
$people = $query->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($people);
?>
在上面的代码中,我们首先在HTML模板中使用ng-repeat指令来循环遍历people数组中的每个对象,并将其显示在表格中的不同行中。然后,在AngularJS控制器中,我们使用$http服务从服务器获取数据,并将其赋值给$scope.people变量。最后,在PHP文件中,我们使用PDO fetch将查询结果转换为关联数组,并将其编码为JSON格式返回给前端。