一次显示多个AngularJS路线

Question

我已经构建了一个AngularJS单页面应用程序来显示报告。有一个选择框供用户从几十个报告中选择报告，并使用Angular的UI-Router在ui-view中报告加载。如果他们选择了大报告，则网址类似于myapp.com /＃/ reports / big-report。

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

如何将多个“路线”或报告一次加载到隐藏的div中？试图想出一种创建动态数量的隐藏ui视图的方法，但我不确定这是否正确。也许iframe会在其中加载每个报告路径，但这看起来很脏。有什么想法吗？

Answer 1

也许您可以创建一个新路由来获取每个ID（如果这些报告包含ID）并在视图中呈现它。 该网址将类似myapp.com/#/reports/more/1,4,6,8或任何其他格式。 然后，您可以使用AngularJS $routeParams获取报告ID，最后在视图中加载每个报告。