如何在Angular2中声明嵌套组件

在 Angular2 tutorial中,通过将详细信息组件添加到@NgModule来引入.

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

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

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

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

解决方法

您必须在声明：[]模块中添加指令和组件.
如果只希望一个组件能够使用组件,请创建仅包含这两个组件的模块.

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