Bei der Entwicklung von AngularJS Anwendungen stellt das Formularhandling zu beginn eine große Herausforderung dar. Wie funktioniert die Validierung, welche Möglichkeiten gibt es eigene Validatoren einzubinden? Die Slides befassen schneiden folgende Themen an und veranschaulichen diese in einer Demo: ModelController, FormController, Validierung, Custom Validators Slides zum Talk von Johannes Weber (@jowe) des ersten AngularJS Munich Meetups vom 13. Februar 2014

1. Formulare in AngularJS

2. @jowe
Entwickelt bei Mayflower
Johannes Weber

3. AngularJS
Formulare
‣ Validation Basics
‣ ModelController
‣ FormController
‣ Custom Validation

4. AngularJS
Validation Basics
‣ $valid
‣ $invalid
‣ $dirty
‣ $pristine
‣ $error

5. AngularJS
Formulare

6. AngularJS
ModelController

7. AngularJS
ModelController
‣ API für ngModel Direktive
‣ Services für
‣ Data-binding
‣ Validation
‣ CSS update
‣ Formatting & parsing

8. AngularJS
FormController

9. AngularJS
FormController
‣ Kontrolle über Form Controls
‣ valid/invalid
‣ dirty/pristine
‣ errors

10. AngularJS
Form- & ModelController

11. AngularJS
Validation
‣ $valid
‣ $invalid
‣ $dirty
‣ $pristine
‣ $error

12. AngularJS
Validation

13. Demohttp://jowe.cc/angular-form/

14. AngularJS
Custom Validation
‣ Als eigene Direktive
‣ Zugriff auf NgModelController
‣ Model ➞ View update
‣ Formatter function to $formatters[]
‣ View ➞ Model update
‣ Parser function to $parsers[]

15. Demohttps://gist.github.com/johannes-weber/8975897

16. @jowe
Vielen Dank für’s Zuhören <3
Johannes Weber