一个页面上的多个 Aurelia 应用程序

Multiple Aurelia apps on one page

由于关于 Aurelia 框架的信息不多,我被这两个问题困住了。

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

是的,只需向页面添加两个具有 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>