0

所以在我的 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>. 我在这里错过了什么？

4

2 回答 2

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 { }
于 2016-08-07T18:49:33.237 回答
1

使用directives:[sidebarComponent]而不是providers: [sidebarComponent]

于 2016-08-07T18:17:57.280 回答