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

Forms in AngularJS

Avatar for jowe jowe
February 13, 2014
Programming
130
1

Forms in AngularJS

Lightning Talks Slides @mayflowerphp about Forms in AngularJS

Avatar for jowe

jowe

February 13, 2014

More Decks by jowe

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

Other Decks in Programming

See All in Programming
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
140
yield再入門 #phpcon
Avatar for hideki kinjyo o0h
PRO
0
1.1k
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
240
Lean は証明の正しさを確認するためだけのツールって思ってませんか？
Avatar for 井上亜星 inoueasei
1
160
夏だ！祭りだ！祭りとはドメインモデリングでは？
Avatar for ryugen04 ryugen04
0
270
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
150
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.8k
FDEが実現するAI駆動経営の現在地
Avatar for ryuta sakamoto gonta
2
280
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
Avatar for starfish719 starfish719
0
4.4k
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
Avatar for HideyukiKitao panda728
PRO
2
190
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
Avatar for a-thug athug
1
1.6k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
580

Featured

See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.1k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
300
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.8k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
200
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
240
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k

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