Downloaded 43 times
![CRSF Token
var addHeaders = function(token) {
$http.defaults.headers.post['X-CSRF-Token'] = token;
$http.defaults.headers.put['X-CSRF-Token'] = token;
// Delete object does not exist by default, create it
$http.defaults.headers.delete = {};
$http.defaults.headers.delete['X-CSRF-Token'] = token;
};](https://image.slidesharecdn.com/drupalcampatlantapresentationangularjs2013-131019131218-phpapp01/75/Integrating-AngularJS-with-Drupal-7-14-2048.jpg)
More Related Content
![[Srijan Wednesday Webinars] Developing Large Scale Applications in AngularJS](https://cdn.slidesharecdn.com/ss_thumbnails/srijanwednesdaywebinars-angularjs-141001063445-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5](https://cdn.slidesharecdn.com/ss_thumbnails/donato-rotunnodrupal8andopenui5-170315153655-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Integrating AngularJS with Drupal 7
![[Ebooks PDF] download AngularJS 1st Edition Brad Green full chapters](https://cdn.slidesharecdn.com/ss_thumbnails/18713-241217213105-de1012ed-thumbnail.jpg?width=640&height=640&fit=bounds)
![Governance, Deployment & Methodologies for Agentic Automation [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/agenticcommunityseries-day2-251112135038-a386476d-thumbnail.jpg?width=640&height=640&fit=bounds)
Integrating AngularJS with Drupal 7
- 1. Integrating AngularJS with Drupal7 Integrating AngularJS w/ Andrew Riley @andrewmriley with Drupal 7
- 2. Getting to knowAngles
- 3. The Concept • • • • • Map controllersto Blocks/Panes Let Drupal load the code Let other modules handler interfacing Use AngularJS routing or don’t Templates load in blocks for caching
- 4. Installing • Drop angular.min.jsin libraries/angular folder • Enable modules – Angles Context module* – Angles Block module
- 5. Create Your Module • • • • Createa custom module Put files in a subdirectory Use the structure you want for JS file layout Add in functions
- 6. Important Functions • hook_angles_post_load()- Loads your app file after all other files. • hook_angles_controllers() - Defines controllers.
- 7. Important Functions • hook_angles_templates()- Defines template files. Used for both Controller Blocks & ng-template. • hook_angles_require() - Loads additional JS files (services, factories, directives, etc)
- 8. Create a ControllerBlock • Select your controller • Select your template • Soon to be exportable
- 9. Preloading JS Blocks •Uses defined templates • Works with Directives • Requires Context currently
- 10. Context • Define theapplication name • Preload a ng-template
- 11. ng-app • Only oneper page • Use the context to add to the body tag • If you need to add it on a different level add it on the theme level. • Generally not recommended to have more than one ng-app per page.
- 12.
- 13. Services • Get CSRFtoken if writing any data. • It is possible to send the CSRF function without modifying much code.
- 14. CRSF Token var addHeaders= function(token) { $http.defaults.headers.post['X-CSRF-Token'] = token; $http.defaults.headers.put['X-CSRF-Token'] = token; // Delete object does not exist by default, create it $http.defaults.headers.delete = {}; $http.defaults.headers.delete['X-CSRF-Token'] = token; };
- 15. Time Keeping • Watchyour AngularJS -> Drupal time saving • avoid .getTime() • use .toUTCString() • PHP can read RFC-1123 • Never transfer as seconds
- 16. Angular Services VSEntities • Remember JS AJAX request are async • Watch your entity relationships
- 17.
- 18. Panels Support • Additionalmodule • Can choose context/blocks and/or Panels
- 19. Yeoman Generator • Manuallycreating a custom Angles module isn’t fun • yo generate-angles in the works • Creates basic angles module
- 20. Exportables • Angles blocksare not currently exportable • Code in the works to add to features
- 21.
- 22. Integrating AngularJS with Drupal7 Integrating AngularJS w/ Andrew Riley @andrewmriley with Drupal 7