Question

我是Angular世界的新手，所以可能会有一些事情发生在我脑海中，但这是我的问题。

导入我的＆＃34; tabsModule＆＃34;我的网页没有显示任何内容。而且我不确定为什么。

据我所知，我的模块没有任何问题。

import { RouterModule } from "@angular/router";
import { NgModule } from "@angular/core";

import { secFuncListComponent } from "../moduleSecFunc/secFunc-list.component";
import { moduleSecFuncComponent } from "../moduleSecFunc/moduleSecFunc.component";
import { favoritesComponent } from "../favorites/favorites.component";
import { recentComponent } from "../recent/recent.component";
import { recentContainerComponent } from "../recentContainer/recentContainer.component";
import { mostUsedComponent } from "../mostUsed/mostUsed.component";
import { tabsComponent } from "./tabs.component";

import { secFunc, secFuncService, Favorites, UserCompanies } from '../moduleSecFunc/secFunc.server';

@NgModule({
    imports:[
        RouterModule.forChild([
            {path: 'tabs', component:tabsComponent}
        ])
    ],
    declarations:[
        secFuncListComponent,
        moduleSecFuncComponent,
        favoritesComponent,
        recentComponent,
        recentContainerComponent,
        mostUsedComponent,
        tabsComponent
    ],
    bootstrap: [tabsComponent]
})
export class tabsModule{ }

在app模块中我

import { tabsModule } from "./tabs/tabs.module";

和

imports: [
    tabsModule
  ],

提前致谢

Answer 1

以角度声明模块时，可以在@ngModule注释中设置一些属性：

导入：新模块所依赖的模块
声明：在此模块中声明的组件和指令（因此可以使用internaly）
提供者：此模块中声明的服务（可在internaly和externaly中使用）
exports：外部可访问的组件和指令。

在您的示例中，您的组件设置在＆＃39;声明＆＃39;中，因此它们在内部可见。要允许某人在此模块外部使用它们（在导入之后），您必须将组件添加到＆＃39; exports＆＃39;好吧。然后，您就可以在模块外部使用它们了。

尝试并且未能在另一个模块内使用模块

1 个答案: