Angular 1 앱에서 Angular 2 구성 요소 사용

Question

"Angular 1 Code에서 Angular 2 구성 요소 사용"부분은 https://angular.io/docs/ts/latest/guide/upgrade.html 단계입니다.

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에 필요한 코드를 추가 :

는 다음 코드를 사용하여 영웅 detail.component.ts을 만든 내 HTML에서

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>하지만, 참조 아무것도. 없어진 물건 있어요?

Answer 1

코드의 지시어 부분이 main.ts가 아닌 app.ts에 추가되어야합니다.