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

Пропс прокидывать из коробки через DI и кастомный инжектор:
https://angular.io/api/common/NgComponentOutlet

окей, иду смотртеть, спасибо

Не из коробки — через одну из библиотек:
https://github.com/IndigoSoft/ngxd
https://github.com/Tinkoff/ng-polymorpheus

В Ангуляр доке есть пример как делать динамические формы, тебе надо создать компонент фабрику типо

factory pattern)

Та я так и подумал, что нужен компонент что принимает имя компонента, что нужно отрисовать, и по свич кейсу рисует, или можно обойтись без свич кейса? Как написали ниже, factory pattern

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

Можно через директиву еще

В принципе неплохо, если запариться и сделать свои конфиги. Но нужна версия ангуляра высокая, так как не всё фичи доступны из под 9,например. На одном из проектов столкнулись с тем что материал хинтов нет на 9 версии. Пришлось форкать

Смотря для каких целей

генерировать формы из конфигов)

Допустим ваш кейс подходит, а если дизайн будет требовать много кастомизации? Знаю, что там есть переопределение полей (компонентов), но оно вам надо? Лично мое мнение.

Всем привет, пару дней назад задавал вопрос по таймеру, я там какую-то левую либу использовал, мне посоветовали на rxjs переписать. Я переписал, остался только один вопрос. Таймер — это отдельный дочерний компонент, как сделать его onPush? Пробовал по разному, когда добавляю onPush секунды перестают тикать, даже когда detectChanges вызываю. Ну и если я где-то какую-нибудь дичь написал, буду рад замечаниям, только начинаю разбираться с rxjs 🙂
код на StackBlitz

Компонент ссылка на пользователя <user-link [user]=»user»>

По умолчанию ведет на роут /users/:userId

Хочу для некоторых роутов переопределить ссылку, например если это /users/tree роут, хочу чтобы при клике переходил в /users/tree/:userId

Модуль с роутом /users/tree может цеплятся может куда-нибудь внутрь, например /dashboard/users/tree, соответственно корень относительно, которого нужно “прыгать” неизвестен.

Пытаюсь добавить provider, в котором читаю ActivatedRoute, и генерю базу для ссылки в соответсвии с ним, если вешаю на компонент — работает, как ожидаются, для модуля нет:

«`
providers: [
provideDefaultOptionsForEntityClassFormFieldLink()
],
«`

«`
export function provideDefaultOptionsForUserFormFieldLink(params?: DefaultOptionsFactoryParams): FactoryProvider {
const defaultParams = { relativePath: ‘./’, linkPrefix: » };
const { relativePath, linkPrefix, linkPostfix, target } = { …defaultParams, …params };

return {
provide: DEFAULT_OPTIONS,
deps: [ActivatedRoute, Router],
useFactory: (activatedRoute: ActivatedRoute, router: Router): DefaultOptions => {
const urlTree = router.createUrlTree([relativePath], { relativeTo: activatedRoute });
const activeRoutePath = router.serializeUrl(urlTree);

return {
linkPrefix: activeRoutePath linkPrefix,
linkPostfix,
target
};
},
}
}
«`

Вопрос, как динамически вычислять путь к которому цепляется модуль? Хочется конфигурить не компонент, а модуль, выглядит красивее 🙂

@ViewChild(TimerComponent) myTimer: TimerComponent = new TimerComponent();

ViewChild это ссылка на уже присутствующий элемент. его не надо инстанциировать

А как вызывать функции start и stop дочернего компонента из родительского?
Я нашел именно такой способ

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

jest сам по себе не ставит производительность на первое место, как раз по этой причине люди написанные на rust подобные вещи хотят юзать

А вы рендерите все дерево компонентов или мокаете детей?

Хороший поинт, в некоторых местах юзается MockComponent из какой-то либы, но уверен что только в некоторых, проект довольно большой. Спасибо за наводку

Когда рендерятся контейнеры это довольно много ресурсов кушается. Если верить книжке по тесту ангуляра детишек лучше мокать.

Ага, имел ввиду эту либу) спасибо, надо более обильно ее применить

https://testing-angular.com/ тут много разных штук описано

Вообще такие процессы должны происходить на уровне бд и сервисов которые даже не имеют внешнего api. Желательно и использовать какие-то vault сервисы для хранения ключей.

С фронта делать небезопасно ничего. Делайте всё через бэк

А зачем? Оо

Ну в служебных сервисах в директивах вполне можно, для каких-нибудь конструкций типа таблицы или tree view в тайге, к примеру. Просто надо понимать как работает DI, что там за контейнеры и какова иерархия.

Во-первых, Почему нет? Раньше я полагаю такая возможность была, но сейчас её нет либо не так сильно распространена.

https://youtu.be/wi3wPzReKZQ на 14:20 докладчик это использует для соответствия правилу SRP из SOLID

А не «правильнее» ли, чтоб компонент при ините (например) как то триггерил сервис, типа «вот он я», а при уничтожении тригеррился, что он уничтожен?

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

Чтобы выносить из него бизнес логику

Выносите в сервис. Сервису зачем про компонент знать?
Ну может пример есть конкретный?

Спасибо, как раз интересуюсь, гляну