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

docs(en): fit typo

Browse Source 
Also remove whitespaces before colons and add code highlight on word 'ng-container'
This commit is contained in:
kabrunko-dev
2024-02-08 18:11:06 -03:00
parent f52afb49f2
commit 77c7476bfa
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
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 ## 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. But the real power is that you can enhance an already existing directive which moreover doesn't **belong** to you.
@@ -34,7 +34,7 @@ Currently we have :
<ng-template #emptyList>The list is empty !!</ng-template> <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 ```typescript
<div *ngFor="let person of persons; empty: emptyList"> <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> <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**.