一页上有多个Aurelia应用程序

时间:2015-11-02 08:29:04

标签: javascript single-page-application aurelia

由于关于Aurelia框架的信息不多,我对这两个问题感到困惑。

  1. 是否可以在单页上创建多个Aurelia应用程序 如何实现这一目标?
  2. 或者,有没有办法在主应用容器外的2个不同位置调出单个应用程序模板?
    • 例如,我想在CMS系统中使用Aurelia SPA,并在标题,主容器和旁边容器等不同元素中调用它。

1 个答案:

答案 0 :(得分:6)

是的,只需使用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>