Size: a a a

Angular - русскоговорящее сообщество

2021 March 23

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Eugene
просто напрямую компонент передавай
если нет возможности ivy накатить - только так
Думаю, тут не в import() дело, вот напрямую передаю и все равно никак
https://stackblitz.com/edit/angular-simple-dynamic-1vvthh?file=src%2Fapp%2Fapp.module.ts
источник

E

Eugene in Angular - русскоговорящее сообщество
вот выше передаю напрямую и все норм
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Eugene
вот выше передаю напрямую и все норм
А что будет, если tile поменять в процессе?)
источник

E

Eugene in Angular - русскоговорящее сообщество
Alexander Iworb
А что будет, если tile поменять в процессе?)
должно перерендерить
источник

E

Eugene in Angular - русскоговорящее сообщество
если передаешь компонент в объекте - не забудь с cd договориться
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Eugene
должно перерендерить
Оно перерендерит динамический компонент, но если сменить ему тип компонента, то он все равно вернет тот же компонент, но с новой начинкой
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Именно поэтому я и использовал observable, которая следила за типом и возвращала компонент
источник

E

Eugene in Angular - русскоговорящее сообщество
Alexander Iworb
Оно перерендерит динамический компонент, но если сменить ему тип компонента, то он все равно вернет тот же компонент, но с новой начинкой
а, так ты не смотри на мой пример, я просто показал, что оно работает
сделай мапу тип: компонент
источник

E

Eugene in Angular - русскоговорящее сообщество
а лучше не мапу, а реестр
источник

E

Eugene in Angular - русскоговорящее сообщество
у @thekiba был где-то пример с резолвером компонентов из di
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Ну я сделал функцию, по факту же все равно должна работать
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
но она на пол пути где-то спотыкается, когда уходит в ngxd
источник

E

Eugene in Angular - русскоговорящее сообщество
Alexander Iworb
но она на пол пути где-то спотыкается, когда уходит в ngxd
из-за геттера/сеттера
источник

E

Eugene in Angular - русскоговорящее сообщество
ngxd биндит твои инпуты с одинаковыми именами и, видимо, спотыкается об геттер/сеттер

@thekiba ды?
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Кстати, а это уже логично. Я поменял на ngOnChanges поведение, завелось всё. Тогда с ним и буду играться. Спасибо за помощь
P.S. но вот курс по созданию библиотеки под разные версии ангуляра все еще интересен, это сильно бы упростило жизнь
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
К слову, import() работает. И вариант с реестром в случае с импортом провернуть нельзя - в импорте строго должны быть строки, ему нельзя скармливать переменные.
Вот пример, если вдруг кто искать будет, чтобы не было как на форумах, где тема заканчивается словами "а, всё, спасибо, проблему решил" =)
https://stackblitz.com/edit/angular-simple-dynamic-example
#динамические_компоненты #ngxd
источник

E

Eugene in Angular - русскоговорящее сообщество
Alexander Iworb
К слову, import() работает. И вариант с реестром в случае с импортом провернуть нельзя - в импорте строго должны быть строки, ему нельзя скармливать переменные.
Вот пример, если вдруг кто искать будет, чтобы не было как на форумах, где тема заканчивается словами "а, всё, спасибо, проблему решил" =)
https://stackblitz.com/edit/angular-simple-dynamic-example
#динамические_компоненты #ngxd
убери импорт модуля с тайлами и перестанет работать

import() нужен для того, чтобы лениво подгружать компоненты, но так как у тебя импорт есть, компоненты все равно в бандл попадут, так что это просто лишнее телодвижение
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Убрал, тогда в таком виде и оставлю. Нужно будет попробовать каждый тип в отдельный модуль положить и глянуть, может можно будет динамически импортировать их
источник

AT

Aleksandr Terentev in Angular - русскоговорящее сообщество
а для чего придумали WindowRef? какие могут быть причины юзать его при использовании объекта window?
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Aleksandr Terentev
а для чего придумали WindowRef? какие могут быть причины юзать его при использовании объекта window?
кто придумал
источник