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
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
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
Avatar for Shota Nemoto shorty5121
0
880
PyO3 で既存 Python 評価器を Rust core 化する ー wasm-bindgen でブラウザにも配るための設計
Avatar for 𝕂' kdash
1
550
フロントエンドUIフレームワークのこれまでとこれから
Avatar for TOMIKAWA Sotaro ssssota
1
370
Gmail/Google DriveをトリガーにAIエージェントを動かそう！ / Run AI agents with Gmail/Google Drive as triggers!
Avatar for Har1101 har1101
3
470
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
Avatar for Tetsuya Kikuchi tkikuc
2
500
自分的「カンファレンスの楽しみ方」
Avatar for syumai syumai
0
190
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
Avatar for kasacchiful kasacchiful
PRO
0
390
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
230
{ Android | Kotlin } Gradle Plugin in 2026
Avatar for RyuNen344 ryunen344
1
290
新人はどこまで自力でやり、どこからAIに頼るべきか／エンジニア育成に向き合う_先輩たちの悩みと知見共有会
Avatar for TOPPAN ict toppan_digital_dev
1
580
デプロイ直後のレイテンシスパイクを調べたら、 Railsの仕様にたどり着いた
Avatar for naohisa nhsykym
0
110
ハーネス設計入門 〜プロンプト、コンテキストの次〜
Avatar for kinopee kinopeee
55
36k

Featured

See All Featured
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
280
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.3k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
650
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k

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