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

Forms in AngularJS

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
80

Other Decks in Programming

See All in Programming
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
8k
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
720
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
240
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
650
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
Avatar for 西尾義英 symy2co
0
150
20260315 AWSなんもわからん🥲
Avatar for Chiaki Okamoto chiilog
1
140
New in Go 1.26 Implementing go fix in product development
Avatar for sunecosuri sunecosuri
0
430
エージェント開発初心者の僕が エージェントを作った話と今後やりたいこと
Avatar for ta-hasunuma thasu0123
0
240
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
110
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1.1k
DevinとClaude Code、SREの現場で使い倒してみた件
Avatar for karia/Y.Hisamatsu karia
1
1k
CSC307 Lecture 15
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
70
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
930
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
400
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
310
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
120
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
350

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