Может ли ваш возврат Angular Компоненты на основе параметра

Question

Мне интересно, возможно ли следующее в angular.

Я хочу иметь несколько компонентов, которые принимают один и тот же базовый интерфейс свойств, строковый компонент, компонент даты, целочисленный компонент и т. Д. c что все они имеют разные html, css, валидация и т. Д. c.

Затем я хочу иметь компонент с именем input, который будет помещен в форму и основан на типе данный ему класс будет отображать правильный компонент.

Возможно ли это вообще без использования всех компонентов в базовых компонентах, заключенных в ngIf, и без использования динамических c объявлений?

Answer 1

Вы можете создать динамический c загрузочный компонент, как описано в этом посте: https://medium.com/angular-in-depth/dynamically-loading-components-with-angular-cli-92a3c69bcd28.

В общем случае вам необходимо создать динамический c компонент, который использует объект "Comiler" ядра angular для создания компонента, который вы хотите создать в определенное время. При этом вам не нужно использовать столько операторов * ngIf.

В этом стеке я использовал эту функциональность для создания динамических c потрясающих значков, вы можете использовать эту функцию для создания собственных компонентов: https://stackblitz.com/edit/dynamic-module-with-fontawesome-z6zq2h