Bootstrapping Hybrid Angular 1+2 Application
<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>