Angular 2如何分別加載2個應用程序根組件

是否可以加載2個不同的根組件（不是頁面並排）。找到一個plunker example，唯一的區別是兩個根組件都加載在一個頁面中。Angular 2如何分別加載2個應用程序根組件

<body> 
    <my-app>Loading...</my-app> 
    <my-sec>Loading...</my-sec> 
</body>

我想要實現的是，每個組件都有自己的佈局，而不是與app.component共享。

示例：app.component將爲普通用戶提供視圖模板，其中admin.component將具有儀表板模板。

這是可以實現的嗎？或者我必須爲此創建2個單獨的項目（其中一個用於儀表板視圖的其他正常視圖）

來源

2016-08-25 12seconds

我不明白你爲什麼要這樣做。難道你不能添加一個路由器插座和負載取決於URL或myApp或secApp –

@MarcelHoekstra然後我的其他組件的路由將無法正常工作，我將不得不使用子路由。/home/contact-us如果只是/ contact-us，看起來不太好。 app.component視圖假設爲「masterpage」否？或者我誤解了這個概念。明天我會嘗試擴展router-outlet指令，並延遲加載模塊，看看它是怎麼回事。 – 12seconds

masterpage是index.html對不對？如果你想有一個完全不同的外觀，不使用index.html中引用的樣式表，我想你必須創建一個新的應用程序。如果沒有，請讓我知道你是如何實現它的:-)。實際上，我遇到了同樣的問題，並通過在我的管理頁面中添加了一個css來解決問題，該css覆蓋了某些樣式，使其看起來更像儀表板。 –

雖然我找不出正確的答案，但這是我在玩了幾天之後想出的它。這是「一些什麼」足夠滿足我的需求。

下面是我在github上做的一個例子的鏈接。

基本上我決定放棄分別加載2個根組件並動態加載組件的想法。

如果有任何改進的地方可以做，請讓我知道。

來源

2016-08-27 07:59:36 12seconds

Angular 2如何分別加載2個應用程序根組件

回答

相關問題