在角度2(RC5)中使用多个自定义模块

我已经将不断增长的ng2应用程序升级到RC5,并将所有组件/管道摆放到一个胖主模块中.为了对抗这个膨胀,我试图将我的应用程序刻录到单独的模块中(同样也是为了最终做延迟加载).

我创建了一个包含一些通用组件的子模块:

我-shared.module.ts

import { NgModule }      from "@angular/core";
import { browserModule } from "@angular/platform-browser";
import { FormsModule } from "@angular/forms";
import { provideForms,disableDeprecatedForms } from"@angular/forms";

import { TabBarWidgetComponent } from "./tabBarWidget/tabbar-widget.component";
import { MyDatepickerComponent } from "./mykDatePicker/my-datepicker.component";
import { CalendarSelectorComponent } from "./calendarSelector/calendar-selector.component";
import { AccordionTabComponent } from "./accordionTab/accordion-tab.component";


@NgModule({
  imports: [
      browserModule,FormsModule
  ],declarations: [
      TabBarWidgetComponent,MyDatepickerComponent,CalendarSelectorComponent,AccordionTabComponent

  ],providers: [
      provideForms(),disableDeprecatedForms()
  ]

})
export class MySharedModule { }

到现在为止还挺好.现在我想在主app.module.ts中引用这个MySharedModule,我正在做这样的事情:

import { NgModule }      from "@angular/core";
import { browserModule } from "@angular/platform-browser";
import { FormsModule } from "@angular/forms";
import { HttpModule } from "@angular/http";

import { MySharedModule } from "./shared/my-shared.module";

import { Some1Component } from "./folder/some1.component";
import { Some2Component } from "./folder/some2.component";
import { Some3Component } from "./folder/some3.component";
import { Some4Component } from "./folder/some4.component";
import { Some5Component } from "./folder/some5.component";

import "rxjs/add/operator/map";
import "rxjs/add/operator/toPromise";

@NgModule({
  imports: [
    browserModule,FormsModule,HttpModule,MySharedModule
  ],declarations: [
    AppComponent,Some1Component,Some2Component,Some3Component,Some4Component,Some5Component,],providers: [],bootstrap: [AppComponent],entryComponents: []

})
export class AppModule { }

问题是我收到以下错误(这表明子模块组件未被app.module.ts中定义的应用程序识别):

Can’t bind to ‘tabs’ since it isn’t a kNown property of ‘tab-bar’.
1. If ‘tab-bar’ is an Angular component and it has ‘tabs’ input,then verify that it is part of this module.
2. If ‘tab-bar’ is a Web Component then add “CUSTOM_ELEMENTS_SCHEMA” to the ‘@NgModule.schema’ of this component to suppress this message.

谁能看到我做错了什么?

尝试在共享模块中添加导出部分.
import { NgModule }      from "@angular/core";
import { browserModule } from "@angular/platform-browser";
import { FormsModule } from "@angular/forms";
import { provideForms,exports: [
      TabBarWidgetComponent,AccordionTabComponent
  ],disableDeprecatedForms()
  ]

})
export class MySharedModule { }

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...