Как вызвать компонент Angular с помощью ViewContainerRef

Я имею в виду эту ссылку Stackblitz, чтобы понять ViewContainerRef.

Однако я хочу создать компонент с правильным файлом HTML, .ts и CSS. В примере я имею в виду, что они закодировали HTML в самом файле .ts, но мой HTML большой, поэтому я хочу сохранить его в отдельном файле. Если у меня есть отдельный файл .ts и HTML, то как я могу вызвать их с помощью viewContainerRef. Я был бы очень признателен, если бы кто-нибудь также указал на пример stackblitz.

html angular typescript

12.04.2019 13:10

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если все, что вы хотите сделать, это разделить файлы, вы можете просто использовать templateUrl в Component.ts и поместить свой шаблон в этот файл.

@Component({
  selector: 'dynamic-component',
  templateUrl: './dynamic-component.html'
})

12.04.2019 13:21

Другие вопросы по теме

Является ли плохой практикой применение «скрытого» класса к компонентам вместо использования * ngIf для их скрытия? - Угловой

Изменить десятичное форматирование Angular7 глобально

Валидатор Aysnc угловой 6

Как удалить выбранный столбец из таблицы? Angular?

Как мне поместить все эти значения массива в один массив?

«маршрутизатор» в MatDialog не работает в Angular 7

Ошибка: аргумент не является функцией. Вы ищете `mapTo()`? (Проблема Karma-jasmine с картой rxjs - сокращение - метод get)

Как передать компонент в качестве входных данных для другого компонента?

Как следить за вещами, полученными с помощью require() в jasmine? или «импортировать * как foo из« места »»

Как обрабатывать веб-таблицы в angular с помощью селена?

Как вызвать компонент Angular с помощью ViewContainerRef

Ответы 1

Другие вопросы по теме

Похожие вопросы