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

Forms in AngularJS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
530
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.5k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
270
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.6k
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
710

Featured

See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
110
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.8k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
110
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k

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