同时显示多条AngularJS路线

Showing multiple AngularJS routes at once

本文关键字：AngularJS 路线显示更新时间：2023-09-26

我已经构建了一个AngularJS单页应用程序来显示报告。有一个选择框，用户可以从数十个报告中选择一个报告，并使用Angular的ui Router在ui视图中加载该报告。如果他们选择了大报告，则url类似于myapp.com/#/reports/Big-Report.

我想建立一个打印功能，允许他们从列表中选择多个报告，并将这些报告一起打印出来。我正在考虑将它们加载到一个带有打印样式的隐藏div中，以便在打印时显示它们。这似乎适用于单个报告，但我不确定如何加载多个报告。

如何将多个"路由"或报告同时加载到隐藏的div中？试图想办法创建一个动态数量的隐藏ui视图，但我不确定这是否正确。也许iframes正在加载其中的每个报告路由，但这似乎很肮脏。有什么想法吗？

也许您可以创建一个新的路由，它将获得每个ID（如果这些报告包含一个ID）并在视图中呈现它。url将类似于CCD_ 1或任何其他格式。然后，您可以使用AngularJS $routeParams来获取报告ID，并最终在视图中加载这些报告中的每一个。