Angular导航后删除路由片段
创始人
2024-10-24 00:00:05
0

要在Angular导航后删除路由片段,可以使用Location服务中的replaceState()方法。以下是一个代码示例:

import { Component } from '@angular/core';
import { Location } from '@angular/common';
import { Router } from '@angular/router';

@Component({
  selector: 'app-my-component',
  template: `
    
    
  `
})
export class MyComponent {

  constructor(private location: Location, private router: Router) { }

  navigateToHome() {
    this.router.navigate(['/home']);
  }

  navigateToAbout() {
    this.router.navigate(['/about']);
  }

  removeFragment() {
    this.location.replaceState(this.router.url.split('#')[0]);
  }
}

在这个示例中,LocationRouter服务被注入到组件中。navigateToHome()navigateToAbout()方法用于导航到不同的路由。removeFragment()方法使用replaceState()方法来删除URL中的路由片段。

请注意,replaceState()方法会在浏览器历史记录中创建一个新的历史记录条目,因此当用户点击“后退”按钮时,将返回到没有路由片段的URL。

相关内容

热门资讯

一分钟辅助!hhpoker有后... 一分钟辅助!hhpoker有后台操作吗,wepoker辅助器有哪些功能,绝活儿教程(今日头条)1、玩...
5分钟辅助!wepoker透视... 5分钟辅助!wepoker透视挂底牌,wpk安卓下载辅助,诀窍教程(有挂辅助)1、wepoker透视...
第1分钟辅助!wepoker辅... 第1分钟辅助!wepoker辅助器安装包,佛手大菠萝辅助,机巧教程(有挂分享)1、每一步都需要思考,...
第七分钟辅助!wepoker好... 第七分钟辅助!wepoker好友助力码,德普之星辅助器app,积累教程(有挂猫腻)1、德普之星辅助器...
第7分钟辅助!wepoker私... 第7分钟辅助!wepoker私人局辅助器怎么用,约局吧开挂神器是真的吗,模板教程(的确有挂)进入游戏...
3分钟辅助!poker wor... 3分钟辅助!poker world辅助器,竞技联盟透视插件,要领教程(有挂详细)1、首先打开竞技联盟...
第一分钟辅助!pokemmo手... 第一分钟辅助!pokemmo手机脚本辅助器,aa poker辅助,手段教程(的确有挂)运pokemm...
1分钟辅助!wepoker钻石... 1分钟辅助!wepoker钻石怎么看底牌,hhpoker脚本下载,教材教程(有挂解惑)1、上手简单,...
第4分钟辅助!约局吧app有挂... 第4分钟辅助!约局吧app有挂吗,hhpoker作弊码怎么用,方案教程(有挂方针)1、首先打开hhp...
第5分钟辅助!德普之星怎么设置... 第5分钟辅助!德普之星怎么设置埋牌,拱趴大菠萝万能挂图解,积累教程(有挂工具)1、许多玩家不知道德普...