Angular2无法识别导入模块中的组件

森帕雷德

我正在玩Angular2,并尝试让一个模块(BreadcrumbDemoModule)导入另一个模块()的组件BreadcrumbModule

当前,BreadcrumbModule仅包含一个组件:ng2-breadcrumb但是,当我尝试使用此componentin时BreadcrumbDemoModule,出现错误消息:

“ ng2-breadcrumb”不是已知元素。

我认为我一定在某处缺少一行,希望有人可以向我指出我做错了什么。

提前非常感谢您!

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的文件

Breadcrumb-demo.component.html:

<ng2-breadcrumb></ng2-breadcrumb>

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到导出数组:

@NgModule({
  imports: [
    BrowserModule //for later use
  ],
  declarations: [
    BreadcrumbComponent
  ],
  exports: [
    BreadcrumbComponent
  ]
})
export class BreadcrumbModule {}

declarations数组内部的内容是模块本身内使用的组件/指令/管道。如果要将这些暴露给导入模块的其他模块,则应将它们添加到exports数组中

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章