要在不刷新页面的情况下重新加载数据,可以使用AngularJS中的$http服务来进行异步请求并更新数据。以下是一个简单的示例:
HTML代码:
- {{ item }}
JavaScript代码:
angular.module('myApp', [])
.controller('MyController', function($scope, $http) {
$scope.data = [];
$scope.reloadData = function() {
$http.get('/api/data').then(function(response) {
$scope.data = response.data;
});
};
});
在上面的示例中,ng-click指令绑定了一个点击事件,当点击按钮时,会调用reloadData()函数。
在reloadData()函数内部,我们使用$http服务发送GET请求到"/api/data"端点。然后,使用.then()方法来处理异步请求的响应。在该回调函数中,我们将响应的数据赋值给$scope.data,从而更新页面上的数据。
请确保在AngularJS应用程序中正确引用了$http服务,以及正确配置了服务器端的API端点。