docs: remove lightbox gif from Use Directives to Watch the DOM section. (#42369)

This gif is out of date and causing reader confusion.

Fixes #40193

PR Close #42369
This commit is contained in:
David Shevitz 2021-05-26 21:11:46 +00:00 committed by Andrew Kushnir
parent e917d57dbb
commit 74186c36de
1 changed files with 1 additions and 8 deletions

View File

@ -395,14 +395,7 @@ Here it is attached to the repeated hero `<div>`:
<code-example path="lifecycle-hooks/src/app/spy.component.html" region="template" header="src/app/spy.component.html"></code-example>
Each spy's creation and destruction marks the appearance and disappearance of the attached hero `<div>`
with an entry in the *Hook Log* as seen here:
<div class="lightbox">
<img src='generated/images/guide/lifecycle-hooks/spy-directive.gif' alt="Spy Directive">
</div>
Adding a hero results in a new hero `<div>`. The spy's `ngOnInit()` logs that event.
Each spy's creation and destruction marks the appearance and disappearance of the attached hero `<div>` with an entry in the *Hook Log*. Adding a hero results in a new hero `<div>`. The spy's `ngOnInit()` logs that event.
The *Reset* button clears the `heroes` list.
Angular removes all hero `<div>` elements from the DOM and destroys their spy directives at the same time.