Angular点击菜单刷新页面

Posted 2023-04-16

参考技术A 当前的问题是，当登录到系统后，只有第一次点击目录的时候才刷新，后面再次点击无反应，需要手动刷新页面，客户嫌麻烦，因此在网上搜了下，一共找到了四种方法，在此先做记录，遇到问题都可以尝试下，以备不时之需

然后在 app.module.ts 中添加：

这样就可以了，以上第四种方法是我现在项目中用到的，在我这可行，对于其他的项目，有待尝试。

利用cookie，实现刷新页面跳转，左侧菜单点击后状态保持不变。

是一个后台关系系统，后台是phyton，后台把左侧菜单都是利用a标签进行跳转，导致菜单点击状态在页面刷新后失效，用户体验不好，被要求改掉。

查了一些资料。利用cookie终于搞定了这个大问题。主要利用 cookie记录存值。

代码贴上去，以防忘掉

$(".nav-item li a").click(function(){
$.cookie("navstation", $(this).html(), { path: "/" });
});

var navstation = $.cookie("navstation");
if(navstation != null){
$(".nav-item li a").each(function(){
if($(this).html() == navstation){
$(this).parents(‘.nav-item‘).css("display","block");
$(this).addClass("current");
}


});
}

$(‘.cookieli‘).click(function(){
var index=$(this).index();
var iscookie=$(‘.cookieli‘).eq(index).find(‘.cookie-nav‘).css(‘display‘);
if(iscookie=="block"){
$(‘.cookieli‘).eq(index).find(‘.cookie-nav‘).css("display","none");
}else if(iscookie=="none"){
$(‘.cookieli‘).eq(index).find(‘.cookie-nav‘).css("display","block");
}
})