2015-11-02 72 views
3

由於沒有太多有關Aurelia框架的信息,我被這兩個問題困住了。在一個頁面上的多個Aurelia應用程序

  1. 是否有可能創建多個奧裏利亞Apps單一頁面上
    如何可以做到這一點?
  2. 另外還有一種方法可以在主應用程序容器外的兩個不同位置調出單個應用程序模板嗎?
    • 例如,我想在CMS系統中使用Aurelia SPA,並在不同的元素(如標題,主容器和旁邊容器)中調用它。

回答

5

沒錯,只需添加兩個元素到頁面與aurelia-app屬性。

下面是一個例子:https://gist.run?id=2d310abbbea337fb5f6d110ec807f7d2

<!doctype html> 
<html> 
    <head> 
    <title>Aurelia</title> 
    </head> 
    <body> 
    <div aurelia-app="main1"> 
     <h1>Loading...</h1> 
    </div> 
    <div aurelia-app="main2"> 
     <h1>Loading...</h1> 
    </div> 
    ... 
    </body> 
</html> 
+0

問題在我的應用實際上,我已經不是指正確的根文件 'aurelia.start(),然後(A => a.setRoot(。 'applicationrootfile'));'但非常感謝答案! – codeFLOWee

+0

@ jeremy-danyow這是如何響應網址的變化?如果瀏覽器的url變成只適用於'main1'而不適用於'main2'的URL,那麼頁面的main2'部分會如何反應? – Suhas

相關問題