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

Merge pull request #573 from kabrunko-dev/docs/fix-typo

Browse Source 
docs(en): fit typo
This commit is contained in:
Laforge Thomas
2024-02-12 15:46:14 +01:00
committed by GitHub
parent 8cc9bcc37a 77c7476bfa
commit a14a2cad16
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/src/content/docs/challenges/angular/3-directive-enhancement.md
View File

@@ -15,7 +15,7 @@ This exercice can feel obsolete with the new control flow and the empty block in
## Information
Directive is a very powerful tool only offered by the Angular framework. You can apply the DRY principal by having shared logic inside a directive and applying it to any component you want.
Directive is a very powerful tool only offered by the Angular framework. You can apply the DRY principle by having shared logic inside a directive and applying it to any component you want.
But the real power is that you can enhance an already existing directive which moreover doesn't **belong** to you.
@@ -23,7 +23,7 @@ But the real power is that you can enhance an already existing directive which m
In this exercice, we have a want to display a list of persons. If the list is empty, you must display _" the list is empty !! "_.
Currently we have :
Currently we have:
```typescript
<ng-container *ngIf="persons.length > 0; else emptyList">
@@ -34,7 +34,7 @@ Currently we have :
<ng-template #emptyList>The list is empty !!</ng-template>
```
We want to get rid of the ng-container by writing :
We want to get rid of the `ng-container` by writing:
```typescript
<div *ngFor="let person of persons; empty: emptyList">
@@ -43,4 +43,4 @@ We want to get rid of the ng-container by writing :
<ng-template #emptyList>The list is empty !!</ng-template>
```
The goal is to **improve the ngFor directive**
The goal is to **improve the ngFor directive**.