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

Question

我的例子是：州和市。

我想在视图城市上创建一个带有固定项目的下拉列表，例如：“添加新项目”。当点击此项时，模型会出现一个状态组件来添加新的状态。

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

city.module.ts

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

Cidade = 城市 | Estado = 州 |地籍 = 注册

编辑

我还没有做下拉列表

<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 { }