香草NG2组件未显示

Vanilla NG2 component not displaying?

本文关键字：显示 组件 NG2 香草      更新时间：2023-09-26

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

我错过了什么指令：-(

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 { }

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

相关文章：