在一个页面上使用多个Aurelia应用程序

3

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

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

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>

我的应用程序问题实际上是我没有在 aurelia.start().then(a => a.setRoot('applicationrootfile')); 中引用正确的根文件,但非常感谢您的答案! - codeFLOWee
@jeremy-danyow,这个如何响应URL的更改?如果浏览器的URL更改为仅适用于应用程序“main1”但不适用于“main2”的URL,那么页面的“main2”部分会如何反应? - Suhas

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接