2015-11-02 45 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

相关问题