Angular SPA與REST API的關系

Question

我是Node的新手，我試圖了解uiRouter具有某些狀態的Angular SPA如何與Express REST API關聯以從數據庫獲取數據。 任何人都可以請我為例嗎？

謝謝

Answer 1

AugularJS SPA可以通過$ resource等各種模塊或諸如Restangular之類的更完整的庫與REST API進行通信

$ resource示例

例如，如果您的Express API可以在/user/<userId>上GET用戶，然后通過POST將其保存回去，則可以在AngularJS上執行此操作

var User = $resource('/user/:userId', {userId:'@id'});
var user = User.get({userId:123}, function() {
  user.abc = true;
  user.$save();
});

要了解$ resource對每個操作在HTTP上將執行的操作，請參考此默認映射

{ 'get':    {method:'GET'},
  'save':   {method:'POST'},
  'query':  {method:'GET', isArray:true},
  'remove': {method:'DELETE'},
  'delete': {method:'DELETE'} };

$ http是低級別的（由REST客戶端庫建立）

這里的另一個答案建議$http 。 盡管完全有可能這樣做，但是REST庫已經基於$http構建，為您提供對HTTP動詞和常規REST便利的方便支持。

如果您使用$http ，則必須手動執行該操作（更不用說您將不會從構建這些庫的智慧和最佳實踐中受益）

Answer 2

我不建議使用$resource 。 它是保持承諾的鏈接的對象，當承諾被解決時，它還將包含數據本身。 因此，如果您想在數據到來時執行一些操作，則無論如何都必須為該承諾設置一個回調。 請改用$http 。 它是異步請求的較低級別的角度抽象。 這是使用$http 。