presenté par @JbPionnier

Angular ?

Framework Javascript (80 Kb)
par Google

  • Single Page Application
  • Modèle Vue Contrôleur
    • Modèle = simple object javascript
    • Vue = HTML valide
    • Contrôleur = fonction javascript

Déroulement

  • Data Binding
  • Dependency Injection
  • Routing
  • Directives
  • Form Validation
  • Testing

{ DEMO }

Services

  • $http
  • $location
  • $cache
  • $q
  • ...

Filtres Angular

  • currency
  • number
  • date
  • lowercase
  • uppercase
  • limitTo
  • filter
  • orderBy

Directives

Etendre le langage HTML

Créer des composants réutilisables

  • ng-show
  • ng-repeat
  • ng-class

directives


                <ul class="nav-tabs">
                    <li class="active">
                        <a href="#">Primary tab</a>
                    </li>
                    <li>
                        <a href="#">Primary tab</a>
                    </li>
                    <li>
                        <a href="#">Primary tab</a>
                    </li>
                </ul>
                    

directives


                <tabs>
                    <pane title="Primary tab" active>
                        <!-- contenu -->
                    </pane>
                    <pane title="Secondary tab">
                        <!-- contenu -->
                    </pane>
                    <pane title="some other tab">
                        <!-- contenu -->
                    </pane>
                </tabs>
                    

Pourquoi ?

  • Élimination du code de manipulation du DOM
  • Modularisation du code avec les modules et les services injectables
  • Créer ses propres composants réutilisable grâce aux directives
  • Facilement testable
  • Bien documentée

Angular

By JbPionnier