title: Bootstrapping Hybrid Angular 1+2 Application
body: <p>Following the official <a href="https://angular.io/docs/ts/latest/quickstart.html" rel="nofollow">5 min QuickStart</a> I have a simple Angular 2 app working.</p>
  
  <p>I set up Angular 1 and have now them both working independently, see <a href="http://plnkr.co/edit/P4H8eUQvQeTZRJHi3g10?p=preview" rel="nofollow">this plunker</a>.</p>
  
  <p>Following the <a href="https://angular.io/docs/ts/latest/guide/upgrade.html" rel="nofollow">official upgrade guide</a> they say:</p>
  
  <blockquote>
    <p>To then switch the application into hybrid mode, we must first install
    Angular 2 to the project. Follow the instructions in the <a href="https://angular.io/docs/ts/latest/quickstart.html" rel="nofollow">QuickStart</a>
    for some pointers on this. When we have Angular 2 installed, we can
    import and instantiate the <code>UpgradeAdapter</code>, and then call its <code>bootstrap</code>
    method. It is designed to take the exact same arguments as
    angular.bootstrap so that it is easy to make the switch:</p>
  
  <pre><code>import {UpgradeAdapter} from 'angular2/upgrade';
  
  /* . . . */
  
  const upgradeAdapter = new UpgradeAdapter();
  
  upgradeAdapter.bootstrap(document.body, ['heroApp'], {strictDi: true});
  </code></pre>
  </blockquote>
  
  <p>My question is <strong>where to place it</strong>?</p>
  
  <p>It sounds like a 'do my job' question but it's not so. I guess in <code>main.ts</code>, but I tried a lot of things without success. The doc is not really clear about this and some tutorials of 1 month old are already outdated.</p>
  
  <p><strong>--- update:</strong></p>
  
  <p>In my case I forgot to load upgrade.js that I thought already included</p>