2015-04-02 78 views
0

我已经构建了一个AngularJS单页应用程序来显示报告。有一个选择框供用户从几十个报告中选择一个报告,并使用Angular的UI-Router在ui-view中加载报告。如果他们选择了大报告,那么url就像myapp.com/#/reports/big-report。同时显示多个AngularJS路线

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

你将如何加载多个“路线”或报告一次到隐藏的divs?试图想出一种方法来创建动态数量的隐藏的UI视图,但我不确定这是否正确。也许iframe加载每个报告路线,但看起来很脏。有任何想法吗?

回答

0

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

+0

我正在考虑创建一个像/#/ reports/print这样的路线,我可以将报告ID传递给$ routeParams或$ stateParams。所以我在Angular中有一个PrintReportsController,它具有要打印的所有报告的ID,但我不确定如何生成这些报告。他们目前生成的唯一方法是调用特定于该报告的路由,该路由调用特定于该报告类型的Angular控制器。我想弄清楚如何使用这些现有的报表控制器和视图一次生成多个报表。我希望这是有道理的。 – Jeremy 2015-04-02 16:41:52