Я хотел был бы загрузить определенный шаблон основанный на условии. Значение условия извлекается через @Input()
. Как выбрать значение для ключа templateUrl
в аннотации на основе этого значения?Могу ли я загрузить шаблон условно в компоненте Angular 2?
ответ
Вам следует избегать этого и разбить его на два отдельных компонента. В этом случае вы можете использовать ngSwitchCase и в зависимости от загрузки значения компонента, который вам нужен для этого случая, или вы можете использовать тот же компонент, но добавить два html-блока с * ngIf, а затем вы можете показать/скрыть все, что вам нужно.
Спасибо за подсказку! Не могли бы вы объяснить, почему этого следует избегать? –
Потому что точка углового 2 состоит в том, чтобы отделить все вещи от мелких компонентов и избежать больших компонентов с помощью логики if/else. –
- 1. Как загрузить модули условно в Angular 2
- 2. Как добавить шаблон с прядильщиком в компоненте Angular 2
- 3. Связывание не работает в компоненте Angular 2
- 4. Загрузить файл Angular 2
- 5. Условно объявить директиву в Angular 2 ngModule
- 6. Angular 2: возможно ли связать var в динамическом компоненте?
- 7. Могу ли я использовать шаблоны тегов в Angular 2?
- 8. Angular 2 - Загрузить файл по событию Click
- 9. Как я могу обработать isDirty в компоненте?
- 10. Angular 2 Webpack 2 - Sass не работает в компоненте
- 11. Как я могу использовать mdbootstrap в Angular 2?
- 12. Каков аналог свойства директивы «controllerAs» в компоненте Angular 2?
- 13. Могу ли я загрузить полную страницу на уничтожение контроллера? Angular
- 14. Невозможно использовать стиль SASS в компоненте Angular 2
- 15. Как я могу использовать Angular 2 & YII2?
- 16. Angular 2 Multipart AJAX Загрузить
- 17. Angular 2 ngModel в дочернем компоненте обновляет свойство родительского компонента
- 18. Как загрузить шаблон из выпадающего меню Angular
- 19. Angular 2 - Могу ли я остаться с rc4 навсегда?
- 20. Как перейти к div в другом компоненте в Angular 2?
- 21. Могу ли я загрузить шаблон Twig на основе языка запросов?
- 22. Как я могу получить классы, применяемые через HTML на компоненте Angular 2?
- 23. Как использовать шаблон фабрики, если я перехожу из Angular 1.5.8 в Angular 2?
- 24. Импортировать модуль npm, написанный в js, в компоненте Angular 2?
- 25. Установить таблицу стилей href dynamicaly на компоненте в Angular 2
- 26. Angular 2: шаблон не обновляется в тесте
- 27. Могу ли я условно скомпилировать clojure/clojurescript?
- 28. Могу ли я условно выйти из $ asyncValidator?
- 29. Могу ли я условно заменить аргументы препроцессора?
- 30. Как я могу условно загрузить коллекцию, отображаемую в объекте?
Я полагаю, что есть аналогичный вопрос: http://stackoverflow.com/questions/36071097/how-can-i-have-dynamic-templateurl-for-angular2-component –