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