Как создать угловой шаблон HTML по нажатию кнопки?

Question

Я пытаюсь создать шаблон HTML, чтобы экспортировать его как файл PDF, но я не уверен, как это сделать с помощью движка Angular;

Что мне нужно сделать в основном, так это построитьэтот шаблон, когда я нажимаю кнопку «Скачать как PDF», и он должен взять всю информацию, имеющуюся у меня в одном компоненте, и использовать ее для создания HTML-документа, который будет экспортирован, но не показан на экране или чем-то подобном.

Поскольку мой фактический экран и формат, который я должен иметь в файле PDF, я не могу просто использовать шаблон HTML того же компонента, поэтому я ищу для создания структуры шаблона, которая мне нужна, когда я нажимаю накнопка.

Мой текущий компонент использует mat-tabs для отображения информации, но в реальном PDF мне нужно, чтобы каждая вкладка была отдельным разделом страницы;поэтому мне нужно будет создать эту новую структуру HTML только , когда я хочу сгенерировать файл

Есть идеи, как я мог бы сделать что-то подобное?

Answer 1

Исходя из ваших критериев, это звучит так, как будто это должен быть совершенно новый компонент, созданный специально для формата, необходимого для экспорта в PDF. Вы бы добавили правильные заголовки, такие как расположение содержимого, чтобы иметь ваше вложение в PDF.

Ваша следующая задача - определить, как перенести ваши данные в этот новый компонент, предназначенный для экспорта в PDF. Если вы уже используете хранилище Redux / NGRX в своем приложении, это, вероятно, достаточно просто для использования.

Более распространенным способом обмена данными между компонентами в одном модуле является использование службы Angular. Этот сервис внедряется в обе версии компонента, и все важные данные сохраняются и извлекаются из этого сервиса.