很难从另一个模块打开组件

Question

我的例子是：州和城市。

我想在视图城市上创建一个下拉列表，其中包含一个固定项，例如：“添加新项”。单击此项目时，模型将显示状态组件以添加新状态。

我已经在CityModule中导入了StateModule，但是当我单击以打开任何城市视图时，它都打开了状态而不是城市...（下图）

city.module.ts

@NgModule({
  imports: [ StateModule, ...],
  declarations: [ ... ]
  ...
})

Cidade =城市| Estado =国家| Cadastro =注册

编辑

我还没有做下拉列表

<button (click)="modal()">Click Here</button>

modal() {
   this.ngbModalService.open(AddStateComponent,{size: 'lg'});
}

路线

export const CityRouterConfig: Routes = 
[
    {
        path: '', component: CityComponent,
        data: {
            title: 'City',
            urls: [{ title: 'Cities', url: '/cidade' }, { title: 'City' }]
        },
        children: [
            ...,
            { path: 'add', component: AddCityComponent,
                data: {
                    title: 'City',
                    urls: [{ title: 'Cities', url: '/cidade' }, { title: 'City' }]
                }
            }      
        ]
    }
]

关于重复的

我的open和一个component在一起。

链接带有"string" html。

我不了解链接以及解决问题所要做的事情...

Answer 1

我使用共享模块解决了

city.module.ts

@NgModule({
  imports: [ SharedModule, ...],
  declarations: [ ... ]
  ...
})

state.module.ts

@NgModule({
  imports: [ SharedModule, ...],
  declarations: [ ... ]
  ...
})

shared.module.ts

@NgModule({
    imports: [
    ],
    declarations: [
        AddStateComponent
    ],
    providers: [
    ],
    bootstrap: [
    ],
    exports: [
        AddStateComponent
    ]
})
export class SharedModule { }