Вроде как есть "!" для этих случаев

а что эта штука делает?

@waterplea Привет. В одном из видео ты говорил, что strict mode в ts - это правильно.  Я столкнулся с таким неудобством:
1) нужно получить данные из стора через селектор.
2) подписываю на селектор в компоненте через subscribe
3) получаю стейт
4) в какой то функции мне нужно получить данные из стейта
5) из-за того что у меня strict мод, я объявляю стейт как
private state: IAnimalStateModel | undefined;
6) в функции при обращении к state выводится ошибка TS , что state - может быть undefined
7) приходится ее проверять if(state)....
8) правильно я понимаю что теперь приватные свойства полученные из подписки нужно чекать  через if(...) ? Или это можно как-то упростить? Есть другая практика?

Хочу обратиться к хосту компонента из директивы. Пишу следующий код, ловлю ошибку в консоли, мол, host is undefined.
Что делаю не так?

Ап вопроса

тут что-то очень странное, начиная с компонента с селектором-атрибутом

Если у тебя чего-то может не быть — надо проверять. Если это всегда есть, то оно есть ) если ты уверен, что его не может не быть, то ставь "!" и не добавляй undefined к типу:

data!: Interface

А как должно быть?
Я хочу реализовать возможность динамического рендера компонентов с использованием директивы, т.е. я вешаю на див директиву и прокидываю определённые данные в неё, и на основе этих данных должен рендерится один из компонентов.
Делаю по образу и подобию уже существующего примера, пытаюсь разобраться, как оно должно всё работать.

залей на stackblitz

Всем привет как реализовать превьюшку пдф в новой вкладке какую либу юзать?