Использование углового 2 компонента в угловом 1 приложение

Question

Я следую за https://angular.io/docs/ts/latest/guide/upgrade.html шагами, а именно: «Использование угловых 2 компонентов из углового 1 кода».

Создал герой-detail.component.ts с помощью следующего кода:

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'hero-detail', 
    template: ` 
    <h2>Windstorm details!</h2> 
    <div><label>id: </label>1</div> 
    ` 
}) 
export class HeroDetailComponent { 
} 

Затем добавляет необходимый код main.ts:

import { upgradeAdapter } from './upgrade-adapter'; //this existed already 
import { HeroDetailComponent } from './hero-detail.component'; //added 

//... here other code inbetween 

angular.module('heroApp', []) 
    .directive('heroDetail', upgradeAdapter.downgradeNg2Component(HeroDetailComponent)); 

Теперь я ввожу <hero-detail></hero-detail> в моем HTML, но см ничего. Чего не хватает?

Answer 1

Директива часть кода должна быть добавлена ​​в app.ts, а не main.ts.