我已经将不断增长的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 { }
原文地址:https://www.jb51.cc/angularjs/140602.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。