SlideShare ist ein Scribd-Unternehmen logo
Formulare in AngularJS
@jowe
Entwickelt bei Mayflower
Johannes Weber
AngularJS
Formulare
‣ Validation Basics
‣ ModelController
‣ FormController
‣ Custom Validation
AngularJS
Validation Basics
‣ $valid
‣ $invalid
‣ $dirty
‣ $pristine
‣ $error
AngularJS
Formulare
AngularJS
ModelController
AngularJS
ModelController
‣ API für ngModel Direktive
‣ Services für
‣ Data-binding
‣ Validation
‣ CSS update
‣ Formatting & parsing
AngularJS
FormController
AngularJS
FormController
‣ Kontrolle über Form Controls
‣ valid/invalid
‣ dirty/pristine
‣ errors
AngularJS
Form- & ModelController
AngularJS
Validation
‣ $valid
‣ $invalid
‣ $dirty
‣ $pristine
‣ $error
AngularJS
Validation
Demohttp://jowe.cc/angular-form/
AngularJS
Custom Validation
‣ Als eigene Direktive
‣ Zugriff auf NgModelController

‣ Model ➞ View update
‣ Formatter function to $formatters[]

‣ View ➞ Model update
‣ Parser function to $parsers[]
Demohttps://gist.github.com/johannes-weber/8975897
@jowe
Vielen Dank für’s Zuhören <3
Johannes Weber

Weitere ähnliche Inhalte

Mehr von Johannes Weber (16)

PDF
Updated: Fiese Fallstricke, sexy Strategien
Johannes Weber
 
PDF
AngularJS with RequireJS
Johannes Weber
 
ODP
Responsive Webdesign: Fiese Fallstricke und sexy Strategien
Johannes Weber
 
PDF
Facebook, Google, Youtube & co
Johannes Weber
 
PPT
User centered design - Personas
Johannes Weber
 
PPT
jQuery Performance
Johannes Weber
 
PPT
Usability Test Inlandsüberweisung
Johannes Weber
 
PDF
Paper: Steuerung öffentlicher Screens
Johannes Weber
 
PPT
Steuerung öffentlicher Screens
Johannes Weber
 
PPT
Customer Centered Design
Johannes Weber
 
PPT
Hardware Usability Testing
Johannes Weber
 
PPT
Projektmanagement & Innovation
Johannes Weber
 
PPT
Kontinuierliche Integration
Johannes Weber
 
PPT
DA praesentation
Johannes Weber
 
PPT
jQuery - Write less, do more!
Johannes Weber
 
PDF
Facebook - Chancen und Gefahren
Johannes Weber
 
Updated: Fiese Fallstricke, sexy Strategien
Johannes Weber
 
AngularJS with RequireJS
Johannes Weber
 
Responsive Webdesign: Fiese Fallstricke und sexy Strategien
Johannes Weber
 
Facebook, Google, Youtube & co
Johannes Weber
 
User centered design - Personas
Johannes Weber
 
jQuery Performance
Johannes Weber
 
Usability Test Inlandsüberweisung
Johannes Weber
 
Paper: Steuerung öffentlicher Screens
Johannes Weber
 
Steuerung öffentlicher Screens
Johannes Weber
 
Customer Centered Design
Johannes Weber
 
Hardware Usability Testing
Johannes Weber
 
Projektmanagement & Innovation
Johannes Weber
 
Kontinuierliche Integration
Johannes Weber
 
DA praesentation
Johannes Weber
 
jQuery - Write less, do more!
Johannes Weber
 
Facebook - Chancen und Gefahren
Johannes Weber
 

Formular handling in AngularJS