如果组件在下一个路由中退出,如何防止组件重新渲染



我有一个侧边栏组件,它存在于屏幕上同一位置的大部分路线中。如果它已经存在于以前的路由中,我想阻止它重新渲染。

考虑的解决方案:我知道我可以为此创建一个辅助路由,但这给我带来了很多延迟加载和路由管理问题。我正在使用 ngrx,所以我也考虑将侧边栏的状态存储在商店中,但有很多数据需要管理,所以我想避免这种情况。

如果组件存在于以前的路由中,有没有办法防止组件重新渲染?

我也在我的一个项目中使用相同的侧边栏组件。我处理它的方式是根据路由器更改仅呈现其他组件,而不是标头和侧边栏组件。这样,你可以告诉应用只呈现页面的一部分(必需组件),而不是整个页面。

这个想法是只呈现所需的组件,而不是在整个页面中静态的其他组件。

以下是我的应用程序 html 的外观:

 <div class="main-content">
  <div>
    <sidebar-component></sidebar-component>
  </div>
  <div>
    <router-outlet></router-outlet>
  </div>
</div>
<div class="bottom-footer">
  <footer-component> </footer-component>
</div>

我希望这有所帮助。

最新更新