首页 文章

使用其他模块中共享模块的组件进行角度4

提问于
浏览 次
-2

这是我的项目的结构，我有一个名为StarComponent的通用组件在sharedModule中 . 如何在ClientListComponent中使用StarComponent .

不用说，我已将starComponent添加到sharedModule中导出和声明数组，并导入（app.module或adminModule或clinetModule）中的sharedModule，它们都不起作用！

---app
------app.module.ts
------sharedModule
------------------StarComponent
------adminModule
-----------------clinetModule
-----------------------------ClientListComponent

updated:

我准备了一个例子来说明它不起作用

演示：https://stackblitz.com/edit/angular-aceiz9

angular

1 回答

  • 1

    如果你有

    //shared.module.ts
@NgModule({
    imports:[],
    declarations: [StartComponent],
    exports: [StartComponent]
})
export class SharedModule { }

//appmodule.ts
@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    SharedModule,
    AdminModule,
    ....
  ],
  providers: [
    ....
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

//You can use StartComponent in your ClientListComponent

//ClientListComponent.ts
import { StartComponent } from '../../../sharedModule/StartComponent.ts;

@Component({
  selector: 'app-root',
  template: `
    <app-client-list></app-client-list>
    `
})
    回复于

相关问题