Single page application 07
Download as PPTX, PDF1 like280 views
This document summarizes caching and RESTful services in AngularJS. It discusses the $cacheFactory service for caching data like templates retrieved by $http requests. It also explains $resource, a factory that generates objects representing RESTful resources, allowing get, save, delete, and other actions on server-side data without using $http directly. $resource takes a URL, default parameters, additional actions, and options to generate a resource object supporting built-in methods for common requests.
![$resource
• A factory which creates a resource object that lets you interact with RESTful
server-side data sources.
• The returned resource object has action methods which provide high-level
behaviors without the need to interact with the low level $http service.
$resource(url, [paramdefaults], [actions], options);](https://image.slidesharecdn.com/singlepageapplication-07-150222125110-conversion-gate02/85/Single-page-application-07-6-320.jpg)
Single page application 07
- 1. SINGLE PAGE APPLICATION 6 ENG. ISMAIL ENJRENY
- 2. Caching • $cacheFactory • Service in module ng • $cacheFactory.Cache • A cache object used to store and retrieve data, primarily used by $http and the script directive to cache templates and other data
- 3. $cacheFactory • Factory that constructs Cache objects and gives access to them.
- 4. $cacheFactory.Cache • A cache object used to store and retrieve data, primarily used by $http and the script directive to cache templates and other data • Methods • put(key, value) • var obj = get(key) • remove(key) • removeAll() • destroy() • info()
- 5. RESTful Services • AngularJS resources allow us to define object models, and in a descriptive manner, to specify: • The server-side URL for the resource • The types of parameters that are commonly seen for such requests • You automatically get get, save, query, remove, and delete for free • Some additional methods that encapsulate specific functionality and business logic for the object model • The expected types of responses (an array or an object) • The headers
- 6. $resource • A factory which creates a resource object that lets you interact with RESTful server-side data sources. • The returned resource object has action methods which provide high-level behaviors without the need to interact with the low level $http service. $resource(url, [paramdefaults], [actions], options);
- 7. $resource (cont.) var User = $resource('/api/angapi/:id', { id: '@id' }); var user = User.get({ id: 123 }, function () { alert(user); }); var user = user.query(function () { alert(user); });
- 8. NEXT?