一页上有多个Aurelia应用程序

cod*_*Wee 3 javascript single-page-application aurelia

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

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

Jer*_*yow 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>
Run Code Online (Sandbox Code Playgroud)