你可以使用AngularJS的ng-repeat指令和ng-if指令来渲染表格。以下是一个示例代码,展示了如何在Ajax调用后渲染表格。
HTML代码:
Name
Age
City
{{ person.name }}
{{ person.age }}
{{ person.city }}
AngularJS代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope, $http) {
$http.get('your-api-endpoint')
.then(function(response) {
$scope.people = response.data;
});
});
在上述代码中,我们使用ng-repeat指令来循环遍历people数组,并使用ng-if指令来确保只有在person对象存在时才渲染表格行。在控制器中,我们使用$http服务来发起Ajax调用,并将返回的数据赋值给$scope.people变量,以便在HTML中使用。
确保将"your-api-endpoint"替换为你的实际API端点。你可以将其替换为任何返回包含人员数据的JSON对象的API端点。
这样,当Ajax调用成功后,表格将自动根据返回的数据进行渲染。