restangular初体验-创新互联

Restangular是一种AngularJS服务，可以使用最少的客户端代码简化常见的GET，POST，DELETE和UPDATE请求。它适用于任何从RESTful API中获取数据的WebApp。

可以从bower和npm包管理器中获取restangular，初次尝试也可以使用cdn

第一种是未压缩版，第二种是压缩版，相比前者压缩版体积更小。

// Add Restangular as a dependency to your app
angular.module('your-app', ['restangular']);// Inject Restangular into your controller
angular.module('your-app').controller('MainCtrl', function($scope, Restangular) {  // ...});

这里演示了如何加载restangular。

注入rest的时候要用小写，作为依赖的时候要大写，不然会报错。

// First way of creating a Restangular object. Just saying the base URL
var baseAccounts = Restangular.all('accounts');// This will query /accounts and return a promise.
baseAccounts.getList().then(function(accounts) {  
    $scope.allAccounts = accounts;
});

第一行代码声明了基础的路由地址，.getList()用于通过路由/accounts发起一次查询请求。

var newAccount = {name: "Gonto's account"};// POST /accounts
baseAccounts.post(newAccount);

向/accounts地址发送post请求，发送的数据为newAccount对象

// Just ONE GET to /accounts/123/buildings/456
Restangular.one('accounts', 123).one('buildings', 456).get()

one方法为向URL中追加参数，第一个参数是参数名，第二个是参数值，最终的get()决定了请求为get方式还是post方式。

当然one方法也可以不带参数名，比如像我项目中就有这么一行代码

function delete(id){
    Restangular.all('service').one(id).remove();
}

这里请求为delete，向service发送删除请求，删除的id为XXX，最终形成的路由为

/service/`id`

暂时常用的是这些，如果有其他方式会另行补充。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。