Skip to content

Commit b84e56c

Browse files
authored
Merge pull request tomalaforge#622 from svenson95/docs-update-permission-article
docs(permissions): update article content
2 parents 485dbf7 + 1b10faf commit b84e56c

File tree

1 file changed

+10
-7
lines changed

1 file changed

+10
-7
lines changed

docs/src/content/docs/challenges/angular/6-permissions.md

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,16 @@ sidebar:
1111

1212
## Information
1313

14-
Structural directive is an important concept you will need to master to improve your angular skills and knowledge. This will be the first part of this challenge.
14+
Structural directives are directives which change the DOM layout by adding and removing DOM elements. This is an important concept you'll need to improve your angular skills and knowledge. This will be the first part of this challenge. For more information check out the [official documentation](https://angular.io/guide/structural-directives).
1515

16-
Guard is also very important since you will always need it in every application you build.
16+
Guards like `CanActivate` or `CanMatch` are also very important, since you'll need it in the most application's you build. If you're not very familiar with route guards, check out this two articles.
17+
18+
- [Everything you need to know about route Guard in Angular](https://itnext.io/everything-you-need-to-know-about-route-guard-in-angular-697a062d3198)
19+
- [Create a route Guard to manage permissions](https://medium.com/@thomas.laforge/create-a-route-guard-to-manage-permissions-26f16cc9a1ca)
1720

1821
## Statement
1922

20-
In LoginComponent, you will find 6 buttons corresponding to 6 differents user's role.
23+
In `LoginComponent` you'll find 6 buttons corresponding to 6 different user's role.
2124

2225
- Admin
2326
- Manager
@@ -29,12 +32,12 @@ In LoginComponent, you will find 6 buttons corresponding to 6 differents user's
2932

3033
## Step 1
3134

32-
In `InformationComponent`, you need to display the correct piece of information for each role using a structural directive.
35+
In `InformationComponent` you'll need to display the correct piece of information for each role using a structural directive.
3336

3437
### Constraints
3538

36-
- no `ngIf` or `@if` inside `InformationComponent`
37-
- importing the store inside `InformationComponent` is not allowed.
39+
- No `ngIf` or `@if` inside `InformationComponent`.
40+
- Importing the store inside `InformationComponent` is not allowed.
3841

3942
You should end up with something like below:
4043

@@ -52,4 +55,4 @@ You should end up with something like below:
5255

5356
## Step 2
5457

55-
In `Routes.ts`, you should route all users to the correct `DashboardComponent` using `CanMatch` guard.
58+
In `Routes.ts` you should route all users to the correct `DashboardComponent` using `CanMatch` guard.

0 commit comments

Comments
 (0)