同時顯示多個AngularJS路線

我已經構建了一個AngularJS單頁應用程序來顯示報告。有一個選擇框供用戶從幾十個報告中選擇一個報告，並使用Angular的UI-Router在ui-view中加載報告。如果他們選擇了大報告，那麼url就像myapp.com/#/reports/big-report。同時顯示多個AngularJS路線

我想建立一個打印功能，允許他們從一個列表中選擇多個報告，並將這些報告一起打印出來。我正在考慮將它們加載到帶有打印樣式的隱藏div中以在打印時顯示它們。這似乎對單個報告工作正常，但我不知道如何加載多個。

你將如何加載多個「路線」或報告一次到隱藏的divs？試圖想出一種方法來創建動態數量的隱藏的UI視圖，但我不確定這是否正確。也許iframe加載每個報告路線，但看起來很髒。有任何想法嗎？

來源

2015-04-02 Jeremy

也許你可以創建一個新的路由，它將獲得每個ID（如果這些報告包含一個ID）並將其呈現在視圖中。的網址將是類似myapp.com/#/reports/more/1,4,6,8或任何其他格式。然後您可以使用AngularJS $routeParams獲取報告ID，最後在視圖中加載這些報告中的每一個。

來源

2015-04-02 16:25:00

我正在考慮創建一個像/＃/ reports/print這樣的路線，我可以將報告ID傳遞給$ routeParams或$ stateParams。所以我在Angular中有一個PrintReportsController，它具有要打印的所有報告的ID，但我不確定如何生成這些報告。他們目前生成的唯一方法是調用特定於該報告的路由，該路由調用特定於該報告類型的Angular控制器。我想弄清楚如何使用這些現有的報表控制器和視圖一次生成多個報表。我希望這是有道理的。 – Jeremy 2015-04-02 16:41:52

同時顯示多個AngularJS路線

回答

相關問題