Ng Alain 路由复用标签右键的刷新按钮如何实现

路由复用标签右键刷新按钮的刷新与从其他标签(A)切换到另个已打开标签(B)的刷新保持一致

具体的方法如下:

由于路由在复用的时候不会再触发Angular组件生命周期钩子(如ngOnInit 等),所以切换回原标签,标签的内容不会刷新。

此时使用_onReuseInit()(当目前路由在复用过程中时触发)或_onReuseDestroy()(当目前路由允许复用且进入新路由时触发)来触发刷新动作

如下使用:

 _onReuseInit(type?: ReuseHookOnReuseInitType): void;

当目前路由在复用过程中时触发,type的值

  • init 当路由复用时

  • refresh 当触发刷新动作时

具体的复用标签使用参考官方:https://ng-alain.com/version/9.x/components/reuse-tab/zh

 

posted @ 2021-08-19 09:44  流年sugar  阅读(225)  评论(0编辑  收藏  举报