Angular2无法识别来自导入模块的组件
发布时间:2020-12-17 08:34:16 所属栏目:安全 来源:网络整理
导读:我正在玩Angular2,并试图让一个模块(BreadcrumbDemoModule)导入另一个模块(BreadcrumbModule). 目前,BreadcrumbModule只包含一个组件:ng2-breadcrumb.但是,当我尝试在BreadcrumbDemoModule中使用此组件时,我收到错误消息: ‘ng2-breadcrumb’ is not a kno
我正在玩Angular2,并试图让一个模块(BreadcrumbDemoModule)导入另一个模块(BreadcrumbModule).
目前,BreadcrumbModule只包含一个组件:ng2-breadcrumb.但是,当我尝试在BreadcrumbDemoModule中使用此组件时,我收到错误消息:
我想我必须在某个地方错过一条线,并希望有人可以向我指出我做错了什么. 非常感谢你提前! BreadcrumbModule的文件 breadcrumb.component.html: THIS IS A BREADCRUMB TEST breadcrumb.component.ts: import { Component } from '@angular/core'; @Component({ selector: 'ng2-breadcrumb',template: require('./breadcrumb.component.html') }) export class BreadcrumbComponent {} 组件/面包屑/ index.ts: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BreadcrumbComponent } from './breadcrumb.component'; @NgModule({ imports: [ BrowserModule //for later use ],declarations: [ BreadcrumbComponent ] }) export class BreadcrumbModule {} BreadcrumbDemoModule的文件 面包屑demo.component.html: <ng2-breadcrumb></ng2-breadcrumb> 面包屑demo.component.ts: import { Component } from '@angular/core'; import { BreadcrumbModule } from './../index'; @Component({ selector: 'ng2-breadcrumb-demo',template: require('./breadcrumb-demo.component.html') }) export class BreadcrumbDemoComponent {} 组件/面包屑/演示/ index.ts: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BreadcrumbModule } from './../index'; import { BreadcrumbDemoComponent } from './breadcrumb-demo.component'; @NgModule({ imports: [ BreadcrumbModule,BrowserModule,],declarations: [ BreadcrumbDemoComponent ] }) export class BreadcrumbDemoModule {}
您必须将BreadcrumbComponent添加到exports数组:
@NgModule({ imports: [ BrowserModule //for later use ],declarations: [ BreadcrumbComponent ],exports: [ BreadcrumbComponent ] }) export class BreadcrumbModule {} 声明数组中的内容是模块本身内使用的组件/指令/管道.如果要将这些模块公开给导入模块的其他模块,则应将它们添加到exports数组中 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |