Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Commit 35e2a06

Browse files
btfordpetebacondarwin
authored andcommitted
docs(guide/forms): add ✨ animated gifs ✨
1 parent 146440c commit 35e2a06

File tree

3 files changed

+4
-0
lines changed

3 files changed

+4
-0
lines changed

docs/content/guide/forms.ngdoc

+4
Original file line numberDiff line numberDiff line change
@@ -201,6 +201,8 @@ bind only to specified list of events. I.e. `ng-model-options="{ updateOn: 'blur
201201
and validate only after the control loses focus. You can set several events using a space delimited
202202
list. I.e. `ng-model-options="{ updateOn: 'mousedown blur' }"`
203203

204+
<img alt="animation showing debounced input" src="img/guide/forms-update-on-blur.gif">
205+
204206
If you want to keep the default behavior and just add new events that may trigger the model update
205207
and validation, add "default" as one of the specified events.
206208

@@ -238,6 +240,8 @@ You can delay the model update/validation by using the `debounce` key with the
238240
{@link ng.directive:ngModelOptions ngModelOptions} directive. This delay will also apply to
239241
parsers, validators and model flags like `$dirty` or `$pristine`.
240242

243+
<img alt="animation showing debounced input" src="img/guide/forms-debounce.gif">
244+
241245
I.e. `ng-model-options="{ debounce: 500 }"` will wait for half a second since
242246
the last content change before triggering the model update and form validation.
243247

docs/img/guide/forms-debounce.gif

28.1 KB
Loading
30 KB
Loading

0 commit comments

Comments
 (0)