Блог

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

Скажем, у меня есть концепция разных «брендов», и на основе переменной «бренд» я хотел бы загрузить другой пользовательский интерфейс для ряда компонентов. Теперь, основываясь на приведенной выше ссылке, я мог бы создать компонент, специфичный для каждого бренда, а затем иметь что-то, что делает:

 if (brand == A) {
    return Component1BrandA
} else if(brand == B) {
    return Component1BrandB
}
 ...
 

Проблема с этим заключается в том, что это было бы очень многословно, и я хочу сохранить любой конкретный «бренд», если / else упоминается в коде. Это делается для того, чтобы по мере добавления новых «брендов» я мог просто добавлять шаблоны / компоненты где-нибудь на основе каталога «бренда» или чего-то еще, и они просто автоматически подбираются.

например, я бы предпочел что-то вроде:

 return "Component1Brand${brand}"
 

Какие у меня здесь варианты? Можно ли динамически задавать имя компонента для получения с помощью переменной?

Или, если невозможно избежать «фирменного» материала, специфичного для if / else, было бы лучше добавить разные разделы в существующие шаблоны компонентов и просто показывать и скрывать их на основе «бренда»?

 <div *ngIf="isBrandA"></div>
<div *ngIf="isBrandB"></div>