title: Downgraded Angular2 component not rendered inside angular 1
body: <p>We have a unique situation where we use typescript, mixing ng1 and 2, but not using any module loader. I was able to bootstrap both ng 1 and ng2, but i cant get any response from downgraded angular 2 component, i put a break point inside the code and saw that the code runs, but the component doesn't show anything.</p>
  
  <p>I don't get any errors, not in compilation phase and not in runtime.</p>
  
  <p>Here's the code:</p>
  
  <p><strong>myapp.js</strong> - angular 1 app definition, es2015</p>
  
  <pre><code>(function() {
      'use strict';
      angular.module('myApp', []);
  })();
  </code></pre>
  
  <p><strong>myapp.ng2.ts</strong> - angular 2 app definition, typescript</p>
  
  <pre><code>namespace MyApp {
  
  let NgModule = ng.core.NgModule;
  let BrowserModule = ng.platformBrowser.BrowserModule;
  let UpgradeAdapter = ng.upgrade.UpgradeAdapter;
  
  @NgModule({
     imports: [BrowserModule]
  })
  
  export class MyAppNg2 {}
  
  export const upgradeAdapter = new UpgradeAdapter(MyAppNg2);
  
  $(document).ready(function() {
      upgradeAdapter.bootstrap(document.body, ['MyApp'], {strictDi: false});
  });
  
  }
  </code></pre>
  
  <p><strong>fullDetails.component.ts</strong> - angular 2, typescript</p>
  
  <pre><code>namespace MyApp.Components.Misc {
  
      let Component = ng.core.Component;
  
      @Component({
          selector: 'full-details-header',
          template: `This is ng2 component`
      })
  
      export class FullDetailsHeaderComponent {
      }
  
  }
  </code></pre>
  
  <p><strong>bootstrap.js</strong> - angular1, es2015</p>
  
  <pre><code>angular.module('myApp').component('fullDetailsHeader', MyApp.upgradeAdapter.downgradeNg2Component(MyApp.Components.Misc.FullDetailsHeaderComponent));
  </code></pre>