🔴 Типизация ContextOutlet

Информация

В Angular есть статическая функция ngTemplateContextGuard для строгой типизации структурных директив.

Однако, контекстом NgTemplateOutlet является Object. Но с помощью вышеупомянутой гарда, мы можем улучшить это поведение.

Пояснение

В этом испытании, мы хотим научиться строго типизировать ng-template в AppComponent.

Это упражнение имеет два уровня сложности:

Уровень 1: Известный интерфейс

Сейчас код выглядит следующим образом.

Как мы видим, у переменной name тип “any”. Мы хотим вывести правильный тип.

Уровень 2: Обобщённый интерфейс

Сейчас код выглядит следующим образом.

Как мы видим, у переменной student тип “any”. Мы хотим вывести правильный тип.

Но на этот раз, мы хотим передавать в ListComponent список из любых объектов. И мы все равно хотим, чтобы был выведен правильный тип.