如何在Angular2中声明嵌套组件

发布时间：2020-12-17 07:11:43 所属栏目：安全来源：网络整理

导读：在 Angular2 tutorial中,通过将详细信息组件添加到@NgModule来引入. 相反,我想通过外部组件(AppComponent)以某种方式导入它来添加它,以便只有外部组件引用内部组件. 我无法弄清楚该怎么做.旧示例引用指令属性,但ComponentMetadtaType类型中不再存在指令.所以

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

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

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

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

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

解决方法

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!