如何在点击按钮时构建角度HTML模板？

我正在尝试创建一个HTML模板，将其导出为PDF文件，但我不确定如何使用Angular的引擎实现这一点

我需要做的基本上是建立这个模板，当我点击一个“下载为PDF”按钮，这应该采取所有的信息，我在一个组件，并用于创建一个HTML文档将被导出，但不显示在屏幕上或类似的东西

由于我的实际屏幕和PDF文件所需的格式，我无法仅使用同一组件的HTML模板，因此我希望在单击按钮时构建所需的模板结构

我当前的组件使用

mat tabs

来显示信息，但在实际的PDF中，我需要每个选项卡都是页面中自己的单独部分；因此，当我想要生成文件时，我只需要构建这个新的HTML结构

---

你知道我该怎么做吗？

根据你的标准，这听起来需要一个全新的组件，专门为PDF导出所需的格式创建。您应该添加正确的标题（如内容处置）以获得PDF附件

您的下一个任务是确定如何将数据放入专用于PDF导出的新组件中。如果你已经在你的应用程序中使用了Redux/NGRX商店，那么这可能很容易使用

---

在同一模块内的组件之间共享数据的更常见方法是利用角度服务。该服务被注入到组件的两个版本中，所有重要数据都被保存并从该服务中检索。

听起来不错，我的主要想法是，在我当前的组件中，我使用角度材质在选项卡中显示信息，但当然我不能导出选项卡；因此，我需要构建一个不同的HTML结构，而不使用选项卡，每个选项卡都是单独的部分；我不太清楚如何在这种情况下使用服务