我有一个侧边栏组件,它存在于屏幕上同一位置的大部分路线中。如果它已经存在于以前的路由中,我想阻止它重新渲染。
考虑的解决方案:我知道我可以为此创建一个辅助路由,但这给我带来了很多延迟加载和路由管理问题。我正在使用 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>
我希望这有所帮助。