Angular & Co

[French] Tips to handle tables, list related features (pagination, sorting, filtering, ...) easily with Angular.

Transcript

1. ANGULAR & CO part1
2. ON FAIT QUOI AU QUOTIDIEN POUR LE FRONT ?
3. Pagination recherche filtres sorting Delete Modal
4. ÇA PREND DU TEMPS C’est répétitif &
5. CP* Pas Content * c’est à dire Sarah
6. Y ‘a un module pour ça Y ‘a une directive pour ça
7. BOOTSTRAP + ANGULAR UI Bootstrap
8. INSTALLATION
9. USAGE
10. UI BOOTSTRAP • Modal • Tabs • Alert • Paginator, Progress bar • …
11. MODAL Serivce returns $modalInstance
12. MODAL Controller Template
13. MODAL • un service $modal contient une méthode open. • open(options) prend un objet d’options, et renvoie une instance de modalInstance. • $modalInstance(service) contient plusieurs méthodes
 close(result), dismiss(reason), result, opened. • modalInstance.result.then(function(closeResult){}, function(dismissReason){}) • opened - une promise qui va être résolu une fois que le template est affiché et les variables chargées. promises
14. TABS Template Controller
15. TABS Options
16. ALERT Template Controller
17. NG-TABLE
18. NG TABLE Installation Usage
19. NG TABLE Template Controller AJAX
20. NG TABLE - SORTING name field
21. NG TABLE - FILTERING
22. NG TABLE++ • Pagination • Sorting • Filtering • Cell template • Row template • Ajax • Custom template(pagination) • Custom filters • Table with checkboxes • Table with grouping • Table with grouping with callback • Table with external control of data • Export to CSV
23. ANGULAR-FORMLY <3
24. ANGULAR-FORMLY Installation Usage
25. ANGULAR FORMLY Controller
26. ANGULAR FORMLY
27. ANUGLAR-FORMLY TEMPLATE
28. ANGULAR FORMLY Personnalisation des templates
29. AUTHENTICATION
30. ANGULAR TOKEN AUTH Installation Usage
31. NG-TOKEN-AUTH- CONFIG
32. Template
33. VALIDATE USER Si non résolu, le user sera renvoyé vers l’url d’auth
34. METHODES • $auth.submitRegistration • $auth.submitLogin • $auth.signOut • $auth.requestPasswordReset • …
35. DEMO
36. RESOURCES • http://angular-ui.github.io/bootstrap/ • https://github.com/esvit/ng-table • https://github.com/lynndylanhurley/ng-token-auth • http://ng-token-auth-demo.herokuapp.com/
37. QUESTIONS? @inalgnu