restangular初體驗-創(chuàng)新互聯(lián)
Restangular是一種AngularJS服務(wù)，可以使用最少的客戶端代碼簡化常見的GET，POST，DELETE和UPDATE請求。它適用于任何從RESTful API中獲取數(shù)據(jù)的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;
});第一行代碼聲明了基礎(chǔ)的路由地址，.getList()用于通過路由/accounts發(fā)起一次查詢請求。
var newAccount = {name: "Gonto's account"};// POST /accounts
baseAccounts.post(newAccount);向/accounts地址發(fā)送post請求，發(fā)送的數(shù)據(jù)為newAccount對象
// Just ONE GET to /accounts/123/buildings/456
Restangular.one('accounts', 123).one('buildings', 456).get()one方法為向URL中追加參數(shù)，第一個參數(shù)是參數(shù)名，第二個是參數(shù)值，最終的get()決定了請求為get方式還是post方式。
當(dāng)然one方法也可以不帶參數(shù)名，比如像我項目中就有這么一行代碼
function delete(id){
Restangular.all('service').one(id).remove();
}這里請求為delete，向service發(fā)送刪除請求，刪除的id為XXX，最終形成的路由為
/service/`id`
暫時常用的是這些，如果有其他方式會另行補充。
創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。
新聞標(biāo)題：restangular初體驗-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://m.jiaotiyi.com/article/cedsoo.html