Коллеги, подскажите, пожалуйста, создаю динамический компонент. Хочу в него передать

Question

Коллеги, подскажите, пожалуйста, создаю динамический компонент. Хочу в него передать

данные с сохранением типа. Если передавать через Input , то проверка типа работает, а если через injector, то уже нет. Скажите, пожалуйста, как передать данные typesafty через инжектор?

#angular #frontend #javascript #programming #russian

0

03.11.2021

19 ответов

24 просмотра

Евгений Гений Автор вопроса

Andrei
А как вы через инпут передаёте? Он же там не работ...

тут пример через инпут https://stackblitz.com/edit/angular-dynamic-components-example-ah4xqi?file=src%2Fapp%2Fapp.component.ts

0

03.11.2021

Andrei

Евгений Гений
тут пример через инпут https://stackblitz.com/edit...

Через instance? Под этим вы инпут подразумеваете?

0

03.11.2021

Евгений Гений Автор вопроса

Andrei
Через instance? Под этим вы инпут подразумеваете?

ага

0

03.11.2021

Евгений Гений Автор вопроса

Andrei
Через instance? Под этим вы инпут подразумеваете?

а я хочу сделать передачу через конструктор, чтобы компонент можно было в других местах вставлять и провайдить данные

0

03.11.2021

Andrei

Евгений Гений
ага

Это не инпут. Это просто свойство Инпут там не работает.

0

03.11.2021

Andrei

Евгений Гений
а я хочу сделать передачу через конструктор, чтобы...

Думаю через обёртку.

0

03.11.2021

Евгений Гений Автор вопроса

Andrei
Думаю через обёртку.

можно подробнее?

0

03.11.2021

Евгений Гений Автор вопроса

Andrei
Думаю через обёртку.

для меня важна проверка типов, чтобы поддержка проекта сохранялась

0

03.11.2021

Andrei

Евгений Гений
можно подробнее?

Делаете компонент. Он принимает компонент и входящие параметры. Внутри делаете создание динамически. Грубо говоря делаете свой ngComponentOutlet компонент, а на нем уже работает типизация

0

03.11.2021

Andrei

Andrei
Делаете компонент. Он принимает компонент и входящ...

Также через подобную обёртку и CVA заведутся.

0

03.11.2021

Andrei

Евгений Гений
для меня важна проверка типов, чтобы поддержка про...

Вот у @thekiba есть интересная стать и библиотека. https://medium.com/thekiba/dynamic-component-rendering-in-angular-with-auto-data-binding-22dd340a4142

0

03.11.2021

Евгений Гений Автор вопроса

Andrei
Делаете компонент. Он принимает компонент и входящ...

а вот так нормально получать зависимость? так выходит type safety constructor(private injector: Injector) { const historyModel = this.injector.get(modelToken); this.model = { header: historyModel.header, oldValue: historyModel.oldValue, newValue: historyModel.newValue + '' }; }

0

03.11.2021

Andrei

Евгений Гений
а вот так нормально получать зависимость? так выхо...

constructor( @Optional() @Inject(token) private data?: modelTokenType ) както так.

0

03.11.2021

Евгений Гений Автор вопроса

Andrei
constructor( @Optional() @Inject(token) pri...

вы тип задаете явно. А что если он снаружи поменяется? или вставят что то не то*

0

03.11.2021