Angular 5通用组件和路由

时间:2018-02-14 09:24:01

标签: angular ngrx

我正在构建基于Angular 5和NGRX的应用程序。我的目标之一是在我的核心模块中保留一些基本的,经常使用的组件作为泛型。结构如下:

Structure graph img

所以我有两个通用组件,Tile和Container。瓷砖在Container内使用。组件在CoreModule中声明。我的应用程序中的所有其他模块都使用Container及其Tiles,因此它们导入CoreModule。到目前为止,一切都很完美。

问题:每个Tile组件都有一个routerLink="..."标记。我想从当前使用的模块的级别定义重定向路径。我的意思是点击模块1中的Tile会将我重定向到路径' / preview /:id',但点击模块2中的Tile会将我重定向到路径' / lots /:id /预览'

路由器根目录位于CoreModule级别。其他模块(模块1,2,3)是延迟加载的,每个模块都提供子路径。

我正在寻找比虚拟传递路线更聪明的东西,作为@Input的字符串,沿着容器到瓷砖组件。

我正在寻找像' name'角度路由器中的参数,因此Tile要求' tileRedirection'路由然后路由命名为' tileRedirection'在当前模块中定义下一个行为,但看起来像angular没有命名路由(!?)

0 个答案:

没有答案