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, Feb 27 '17 at 11:06

score 1 · Accepted Answer · answered Mar 10 '17 at 22:53

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 '17 at 22:53

filiph

1 Answers1