Angular2-dart in non SPA

Question

I would like to use angular2-dart in non-spa as in

i.e. in any non-spa page (not just index.html), I would like to have something like

<body>
  <my-app-a>
    loading...
  </my-app-a>

  Static content 

  <my-app-b>
      loading ..
  </my-app-b>
 </body>

How can this be done using angular2-dart? This will allow to bootstrap arbitrary Angular2-dart component(s) in any non-spa page.

I am not sure this is possible, Did you try to call the bootstrap method 2 times ? — Hadrien Lejard
– Hadrien Lejard, Commented Feb 27, 2017 at 11:06

filiph · Accepted Answer · 2017-03-10 22:53:33Z

1

Just call bootstrap() twice in web/main.dart, like this:

void main() {
  bootstrap(AppComponent);
  bootstrap(App2Component);
}

I just tried it and it works fine.

answered Mar 10, 2017 at 22:53

filiph

3,1633 gold badges32 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1