vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-11 13:23:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

docs(docs): correct img inside docs

Browse Source
This commit is contained in:
thomas
2023-09-24 22:56:17 +02:00
parent 73297529ff
commit 73b6f2e68c
6 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/src/content/docs/challenges/angular-performance/34-default-onpush.md
View File

@@ -19,13 +19,13 @@ In this challenge, we will explore the differences and impacts of using `ChangeD
Start by serving this application by running: `npx nx serve performance-default-onpush` inside your terminal. Then open Chrome DevTool by pressing **F12** and switch to the Angular Tab. From there you can select the Profiler tab as shown below.
![profiler tab](./img/profiler-tab.png 'Profiler tab')
![profiler tab](../../../../assets/34/profiler-tab.png 'Profiler tab')
Start profiling your application and type some letters inside the input field. You will notice that each element of your application will flash at each change detection cycle and the profiler will show you a bar for each change detection cycle.
If you click on one of the bars (indicated by the yellow arrow on the picture below), you can see that `PersonListComponent`, `RandomComponent` and all the `MatListItem` are impacted by the change detection cycle, even when we only interact with the input field.
![profiler record](./img/profiler-record.png 'Profiler Record')
![profiler record](../../../../assets/34/profiler-record.png 'Profiler Record')
### Statement

4
docs/src/content/docs/challenges/angular/4-context-outlet-typed.md
View File

@@ -25,7 +25,7 @@ This exercice has two level of complexity.
Currently we have the following piece of code.
<img src="./img/unknown-person.png" height=120px alt="Unkown Person"/>
![Unkown Person](../../../../assets/4/unknown-person.png 'Unkown Person')
As we can see, name is of type "any". We want to infer the correct type.
@@ -33,7 +33,7 @@ As we can see, name is of type "any". We want to infer the correct type.
Currently we have the following piece of code.
<img src="./img/unknown-student.png" height=120px alt="Unkown Person"/>
![Unkown Student](../../../../assets/4/unknown-student.png 'Unkown Student')
As we can see, student is of type "any". We want to infer the correct type.