Update assets for lifecycle hooks page (#44)

angulardart-community · May 18, 2022 · 4d2f5b4 · 4d2f5b4
1 parent 829e980
commit 4d2f5b4
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 7 deletions.
diff --git a/examples/ng/doc/lifecycle-hooks/lib/src/after_changes_component.dart b/examples/ng/doc/lifecycle-hooks/lib/src/after_changes_component.dart
@@ -35,7 +35,7 @@ class AfterChangesComponent implements AfterChanges {
 
   // #docregion ng-after-changes
   ngAfterChanges() {
-    changeLog.add('Input property has changed.');
+    changeLog.add('Input property has changed. ($power)');
   }
   // #enddocregion ng-after-changes
 

diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/after-changes-anim.gif b/src/_assets/image/ng/devguide/lifecycle-hooks/after-changes-anim.gif
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/do-check-anim.gif b/src/_assets/image/ng/devguide/lifecycle-hooks/do-check-anim.gif
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/hooks-in-sequence.png b/src/_assets/image/ng/devguide/lifecycle-hooks/hooks-in-sequence.png
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/on-changes-anim.gif b/src/_assets/image/ng/devguide/lifecycle-hooks/on-changes-anim.gif
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/peek-a-boo.png b/src/_assets/image/ng/devguide/lifecycle-hooks/peek-a-boo.png
diff --git a/src/guide/lifecycle-hooks.md b/src/guide/lifecycle-hooks.md
@@ -419,12 +419,11 @@ The host `AfterChangesParentComponent` binds to them like this:
   <after-changes [hero]="hero" [power]="power"></after-changes>
 ```
 
-<!-- TODO: migrate -->
-<!-- Here's the sample in action as the user makes changes. -->
-<!-- <img class="image-display" src="{% asset ng/devguide/lifecycle-hooks/on-changes-anim.gif @path %}" alt="AfterChanges"> -->
-<!-- The log entry appear as the string value of the *power* property changes. -->
-<!-- But the `ngAfterChanges` does not catch changes to `hero.name` -->
-<!-- That's surprising at first. -->
+Here's the sample in action as the user makes changes.
+<img class="image-display" src="{% asset ng/devguide/lifecycle-hooks/after-changes-anim.gif @path %}" alt="AfterChanges">
+The log entry appear as the string value of the *power* property changes.
+But the `ngAfterChanges` does not catch changes to `hero.name`
+That's surprising at first.
 
 Angular only calls the hook when the value of the input property changes.
 The value of the `hero` property is the *reference to the hero object*.