CODEWITHSUNDEEP
javascriptsingle-page-applicationaurelia
codeFLOWee
codeFLOWee

Reputation: 91

Multiple Aurelia apps on one page

As there isn't much information about Aurelia framework I got stuck with these 2 questions.

  1. Is it possible to create multiple Aurelia apps on single page and
    how this can be achieved?
  2. Alternatively is there a way to call out single application templates in 2 different places outside the main app container?
    • For example I want to use Aurelia SPA in CMS system and call it out in different elements like header, main container and aside container.

Upvotes: 4

Views: 1583

Answers (1)

Jeremy Danyow
Jeremy Danyow

Reputation: 26406

Yep, just add two elements to the page with an aurelia-app attribute.

Here's an example: 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>

Upvotes: 6

Related Questions