Angular 4如何在兄弟模块组件中使用其他模块组件

时间:2018-02-25 00:05:45

标签: javascript angular module components

所以只是一点背景,我使用的是Angular 4和AngularCli。以下是我的文件夹的结构:

sp = new ScrollPane(); String css; css = ".scroll-pane {-fx-background-color: black;}\n"+ ".scroll-pane > .corner {\n" + " -fx-background-color: black;\n"+ "}\n"+ ".scroll-bar:horizontal.track,\n"+ ".scroll-bar:vertical.track\n"+ "{\n"+ " -fx-background-color: black;\n"+ " -fx-border-color: black;\n"+ " -fx-background-radius: 0em;\n"+ "}"; System.out.println(css); sp.setStyle(css);

所以基本上app helper-components helper-components.module.ts views admin admin.module.ts views.module.js 目录有一些视图组件。 admin目录有一堆组件用于网站的结构部分,如导航。内部helper-components目录是网站管理部分的实际视图。基本上我想公开admin目录中的组件,以便在helper-components目录中的视图组件中使用。

我阅读的文档说您需要将模块导入要使用它的组件中。我尝试将admin导入HelperComponentsModuleViewsModule 。我也尝试将其导入AdminModule

我继续从AppModuleHelperComponentsModule获取我尝试使用的组件的错误。

1 个答案:

答案 0 :(得分:1)

您需要显式导出要在其他模块中使用的HelperComponentsModule组件。

查看Sharing Modules docs

@NgModule({
 imports:      [ CommonModule ],
 declarations: [ CustomerComponent, NewItemDirective, OrdersPipe ],
 exports:      [ CustomerComponent, NewItemDirective, OrdersPipe,
                 CommonModule, FormsModule ]
})