javascript - Vanilla NG2 コンポーネントが表示されない?

Question

したがって、私のangular 2アプリには次のものがあります:

//app.component.ts
import { Component } from '@angular/core';
import { sidebarComponent } from './sidebar/sidebar.component';

@Component({
  selector: 'my-app',
  template: `<sidebar></sidebar>
  <h1>helps</h1>`,
  providers: [sidebarComponent]
})
export class AppComponent { }

と

//sidebar.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'sidebar',
  template: `<h1>sidebar</h1>`
})
export class sidebarComponent { }

アプリをロードして app.component が表示されると、<sidebar></sidebar><h1>helps</h1>(ページ ソースで) 直接レンダリングされますが、<h1>sidebar</h1>. ここで何を見逃したのですか？

Answer 1

ここで何を見逃したのですか？ディレクティブ :-)

import { Component } from '@angular/core';
import { sidebarComponent } from './sidebar/sidebar.component';

@Component({
  selector: 'my-app',
  template: `<sidebar></sidebar>
  <h1>helps</h1>`,
  directives: [sidebarComponent]
})
export class AppComponent { }

Answer 2

directives:[sidebarComponent]の代わりに使用providers: [sidebarComponent]