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

Forms in AngularJS

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
100
AngularJS: Tipps and Tricks for $provide
Avatar for jowe jowe
0
76

Other Decks in Programming

See All in Programming
Towards Transactional Buffering of CDC Events @ Flink Forward 2025 Barcelona Spain
Avatar for Hans-Peter Grahsl hpgrahsl
0
120
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
550
Introduce Hono CLI
Avatar for Yusuke Wada yusukebe
6
3.1k
Ktorで簡単AIアプリケーション
Avatar for Keita Tsukamoto tsukakei
0
120
kiroとCodexで最高のSpec駆動開発を！！数時間で web3ネイティブなミニゲームを作ってみたよ！
Avatar for Haruki Kondo mashharuki
0
960
Migration to Signals, Resource API, and NgRx Signal Store
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Devoxx BE - Local Development in the AI Era
Avatar for Kevin Dubois kdubois
0
150
CSC509 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
270
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
Avatar for mazrean mazrean
0
130
SwiftDataを使って10万件のデータを読み書きする
Avatar for akidon0000 akidon0000
0
250
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
260
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
Avatar for aose aoseyuu
2
760

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
310
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
700
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
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