title: Multiple independent SPA in one page using Durandal
body: <p>I want to host two or more single page applications in one HTML page (our legacy app). These apps should be in completely different places of pages - therefore I cannot use durandal composition for top root "shell" and do compositing using ko compose bindings. These apps should be able to communicate between themselves (router/event aggregator).</p>
  
  <p>Is it possible to use Durandal and its Router plugin for such thing? What is best approach?</p>
  
  <p>I tried to use multiple <code>applicationHost</code> elements and  call <code>app.setRoot(vm, transition, element)</code> with different combos of vm/element, but no luck. It seems that the last call wins...</p>
  
  <p>Also I have created discussion on Durandal google groups: <a href="https://groups.google.com/forum/?fromgroups=#!topic/durandaljs/e6GclW0bEo0" rel="nofollow">https://groups.google.com/forum/?fromgroups=#!topic/durandaljs/e6GclW0bEo0</a></p>