angularjs - 使用页内 JSON 初始化 AngularJS $resource

Question

我正在使用 AngularJS 的 $resource 来获取和更新对象。为了节省页面加载时的往返，我将 JSON 对象放在页面上的变量中。如何使用此数据初始化 $resource 而不是调用 $get？

Answer 1

您可以使用 new 创建使用 $resource 创建的资源实例:

window.somePreloadedJson = {
  id: 1,
  name: 'lancelot',
  quest: 'holy grail',
  color: 'blue',
};

app.factory('myResource', function($resource) {
  return $resource('/my/fake/:id', { id: '@id' });
});

...

$scope.resource = new myResource(window.somePreloadedJson);

Here is an example of this technique on jsFiddle ，它演示了 $save、$delete 等在创建的实例上按预期工作。 (已添加一些调试代码来注销 HTTP 请求，而不是实际发出请求，因此您可以看到页面中会发出哪些请求。)