RESTful API 调用：
AngularJS 提供了 $http 服务用于执行 HTTP 请求，这在处理 RESTful API 调用时非常有用。以下是一个简单的例子，展示如何使用 $http 服务从服务器获取数据：
angular.module('myApp', []).controller('myController', function ($scope, $http) {
$scope.loadData = function () {
$http.get('https://api.example.com/data')
.then(function (response) {
// 处理成功的响应
$scope.data = response.data;
})
.catch(function (error) {
// 处理错误
console.error('Error fetching data:', error);
});
};
});
在上述例子中，$http.get 发送一个 GET 请求到指定的 API 地址，并通过 .then 处理成功的响应，通过 .catch 处理错误。
自定义服务：
自定义服务可以帮助你将应用程序逻辑模块化，并提供可重用的代码。以下是一个简单的自定义服务的例子，该服务用于保存和获取数据：
angular.module('myApp', []).service('dataService', function ($http) {
this.getData = function () {
return $http.get('https://api.example.com/data');
};
this.saveData = function (data) {
return $http.post('https://api.example.com/save', data);
};
});
angular.module('myApp').controller('myController', function ($scope, dataService) {
$scope.loadData = function () {
dataService.getData()
.then(function (response) {
$scope.data = response.data;
})
.catch(function (error) {
console.error('Error fetching data:', error);
});
};
$scope.saveData = function () {
dataService.saveData($scope.dataToSave)
.then(function (response) {
// 处理成功的保存操作
console.log('Data saved successfully:', response.data);
})
.catch(function (error) {
// 处理保存错误
console.error('Error saving data:', error);
});
};
});
在这个例子中，dataService 是一个自定义服务，封装了数据的获取和保存操作。这样，多个控制器可以共享同一个服务，使得代码更加模块化和可维护。
请注意，这只是一个简单的例子，实际中你可能需要根据应用程序的需求来设计和实现更复杂的服务。在 AngularJS 中，服务是非常强大的工具，可以用于组织和共享代码，以提高应用程序的可维护性。
转载请注明出处：http://www.pingtaimeng.com/article/detail/4893/Angular