Skip to content

Commit 1b6679d

Browse files
committed
docs(context-outlet-typed): fix typos and remove link
1 parent 60637b8 commit 1b6679d

File tree

1 file changed

+4
-8
lines changed

1 file changed

+4
-8
lines changed

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

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,13 @@ sidebar:
1616

1717
## Information
1818

19-
You can improve template type checking for custom directives by adding template guard properties to your directive definition. Angular offer the static function [`ngTemplateContextGuard`](https://angular.io/guide/structural-directives#typing-the-directives-context) to strongly type structural directives.
19+
You can improve template type checking for custom directives by adding template guard properties to your directive definition. Angular offers the static function [`ngTemplateContextGuard`](https://angular.io/guide/structural-directives#typing-the-directives-context) to strongly type structural directives.
2020

2121
However the context of **NgTemplateOutlet** type is **Object**. But with the help of the above guard, we can improve that behavior.
2222

23-
If you’re not very familiar with `ngTemplateOutlet`, check out this article.
24-
25-
- [NgTemplateOutlet Type Checking](https://medium.com/@thomas.laforge/ngtemplateoutlet-type-checking-5d2dcb07a2c6)
26-
2723
## Statement
2824

29-
In this exercise we want to learn how to strongly type our `ng-template` in our `AppComponent`.
25+
In this exercise, we want to learn how to strongly type our `ng-template` in our `AppComponent`.
3026

3127
This exercise has two levels of complexity.
3228

@@ -36,14 +32,14 @@ Currently we have the following piece of code.
3632

3733
![Unkown Person](../../../../assets/4/unknown-person.png 'Unkown Person')
3834

39-
As we can see `name` is of type `any`. We want to infer the correct type using a custom directive `PersonDirective`.
35+
As we can see, `name` is of type `any`. We want to infer the correct type using the custom directive `PersonDirective`.
4036

4137
### Level 2: Generic Interface
4238

4339
Currently we have the following piece of code.
4440

4541
![Unkown Student](../../../../assets/4/unknown-student.png 'Unkown Student')
4642

47-
As we can see `student` is of type `any`. We want to infer the correct type using a custom directive `ListDirective`.
43+
As we can see, `student` is of type `any`. We want to infer the correct type using the custom directive `ListDirective`.
4844

4945
But in this part, we want to pass a list of **any object** to `ListComponent`. And we still want the correct type to be inferred.

0 commit comments

Comments
 (0)