Angular 4 - 如何將值從父組件傳遞到子模塊

Question

我正在嘗試將值從父組件傳遞給子模塊。 這是我的項目結構：

++Layout
---admin-layout.component.html
---admin-layout.component.ts
++Dashboard
---dashboard.component.html
---dashboard.component.ts
---dashboard.module.ts
---dashboard.routing.ts

和我的app.routing.ts路由是這樣的。

export const AppRoutes: Routes = [{
  path: '',
  component:  AdminLayoutComponent,
  children: [
    {path: '/dashboard', loadChildren: 'PATH/dashboard.module#DashboardModule'},
///
]}];

所以我的問題是我在admin-layout.html中有一個點擊事件，那么如何將值從admin布局發送到儀表板？

目前，我通過Url發送它，比如在路徑上更改它

 {path: '/dashboard/:eventidvalue', loadChildren: 'PATH/dashboard.module#DashboardModule'},

什么時候路由。

是否有任何替代和清潔的方式。

Answer 1

您可以使用具有一個實例的Singleton服務，在其中添加一些日期並在任何需要的地方獲取它們。 創建共享模塊之后，創建共享模塊並在主模塊和儀表板模塊中導入該共享模塊

您可以使用ModuleWithProviders和forRoot來提供單件服務

import { SharedService } ...
...
export class SharedModule {
static forRoot(): ModuleWithProviders {
    return {
        ngModule: SharedModule,
        providers: [SharedService]
    }
}}

你可以這樣導入它：

imports: [
    SharedModule.forRoot(),
],