如何在Angular2中声明嵌套组件

Question

在Angular2教程中,通过将详细信息添加到@NgModule.

相反,我想通过外部组件(AppComponent)以某种方式导入它来添加它,以便只有外部组件引用内部组件.

我无法弄清楚该怎么做.旧示例引用directives属性,但directives不再存在于类型中ComponentMetadtaType.所以这不起作用

import { HeroDetailComponent } from './hero-detail.component';

@Component({
    selector: 'my-app',
    [..]
    directives: [HeroDetailComponent]
})

Answer 1

您必须向declarations: []模块添加指令和组件。
如果您希望只有一个组件能够使用某个组件，请创建一个仅包含这两个组件的模块。

@NgModule({
  imports: [BrowserModule],
  declarations: [AppComponent, FooComponent, BarDirective],
  ...
})