Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Forms in AngularJS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for jowe jowe
February 13, 2014
Programming
1
120

Forms in AngularJS

Lightning Talks Slides @mayflowerphp about Forms in AngularJS

Avatar for jowe

jowe

February 13, 2014
Tweet

More Decks by jowe

See All by jowe
AngularJS with RequireJS
Avatar for jowe jowe
1
110
AngularJS: Tipps and Tricks for $provide
Avatar for jowe jowe
0
78

Other Decks in Programming

See All in Programming
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
520
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
160
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1k
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
660
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k

Featured

See All Featured
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
170
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.3k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
250
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k

Transcript

  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. Demo http://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. Demo https://gist.github.com/johannes-weber/8975897

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