angular-data

最新推荐文章于 2022-01-08 16:54:13 发布

前端栈开发

最新推荐文章于 2022-01-08 16:54:13 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 angular

本文链接：https://blog.youkuaiyun.com/phj_88/article/details/81088337

前端同时被 2 个专栏收录

300 篇文章

订阅专栏

angular

101 篇文章

订阅专栏

本文介绍 AngularJS 扩展 angular-data 的使用方法，该扩展提供数据存储及缓存功能。通过示例展示了如何定义资源、查询数据及绑定数据到视图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angular-data 详细介绍

angular-data 是 AngularJS 的一个扩展，实现了数据存储和缓存的功能。

示例代码：

var app = angular.module('myApp', ['angular-data.DS']);
app.factory('User', function (DS) {
  // Simplest resource definition
  return DS.defineResource('user');
});
app.controller('friendsCtrl', function ($scope, $routeParams, User) {
  // it's up to your server to know how to interpret this query
  // or you can teach angular-data how to understand your servers' query language
  var query = {
    where: {
      friendIds: {
        in: $routeParams.id
      }
    }
  };
  
  User.find($routeParams.id);
  User.findAll(query);
  
  // My goodness this was easy
  User.bindOne($scope, 'me', $routeParams.id);
  User.bindAll($scope, 'friends', query);
  
  // Long form
  $scope.$watch(function () {
    return User.lastModified($routeParams.id);
  }, function () {
    $scope.me = User.get($routeParams.id);
  });
  $scope.$watch(function () {
    // Changes when anything in the User collection is modified
    return User.lastModified();
  }, function () {
    $scope.friends = User.filter(query);
  });
});