香草NG2组件不显示?

时间:2016-08-07 18:11:06

标签: javascript html angular angular-components

所以在我的角度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>。我在这里错过了什么?

2 个答案:

答案 0 :(得分:1)

使用directives:[sidebarComponent]代替providers: [sidebarComponent]

答案 1 :(得分: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 { }