Angular Material Design
•Descargar como PPTX, PDF•
0 recomendaciones•52 vistas
UI component infrastructure and Material Design components for mobile and desktop Angular web applications.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (14)
Similar a Angular Material Design
Similar a Angular Material Design (20)
Angular Material Design
- 2. Angular JS ● AngularJS est un framework JavaScript libre et open- source développé par Google. ● C’est un Framework MVC (Modèle Vue Contrôleur) coté client.
- 3. ● SPA. ● Basé sur la librairie JQuery Lite ● Composants Réutilisables : <google-map> <tabs> <date-picker> ... Charger AngularsJS : <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0- rc.2/angular.min.js"> </script>
- 4. Application HTML : <body ng-app="JCertif"> ... </body> SCRIPT : <script> var app= angular.module('JCertif',[]); </script>
- 5. Les contrôleurs HTML : <div ng-controller="myCtrl"> ... </div> SCRIPT : app.controller('myCtrl',function($scope){ //mettre ici les actions du controleur }) ;
- 6. ng-model <html> <head> <script src="http://code.angularjs.org/1.0.6/angular.min.js"> </script> </head> <body ng-app=”Devfest” > <input type=”text” ng-model="name"> <p> Hello {{name}} ! </p> </body> </html>
- 8. Scope Toutes les variables manipulées par un contrôleur doivent être attachées à son scope. L’interprétation de variable par la vue se fait avec {{ }} ng-show Les directives ng-show servent a cacher ou non une portion du view.
- 9. ng-repeat ng-repeat="element in ensemble" Les filtres {{expression | filtre : element}} {{expression | filtre : Uppercase }}
- 10. Le routage ● AngularJS est fourni avec un système de routing, qui permet de définir pour un certain URL appelé, une certaine page à charger en AJAX. ● Le résultat a afficher doit être rajouté dans une portion du DOM, défini grâce à la directive ng-view .
- 13. Material Design ‘Material environment’ est un espace 3D, ce qui signifie que tous les objets ont x, y et z dimensions.
- 14. Angular material
- 17. Raised button
- 18. Snack bar
- 19. CardView
- 21. Contact chips
- 22. Dialogs
- 23. Date pickers &Time pickers
- 25. Selection controls: Radio button
- 29. EditText
- 30. Swipe to refresh
- 31. Tabs
- 38. Imagery
- 39. Imagery
- 40. Imagery
- 41. Imagery
- 42. Imagery
- 43. Imagery
- 44. Imagery
- 45. Color
Notas del editor
- Une application est une collection de contrôleurs et de directives. On utilise la directive ng-app. Généralement on relie l’application à la balise body ou
- Dans une application on peut définir et utiliser plusieurs contrôleurs dans la même page.