Regex 在特定单词后的URL末尾添加通配符

我有一个如下所示的URL：

https://localhost:8080/user/login

export const Constants = {
    routing: {
      home: '/',
      userLogin: '/user/login',
}

const routing = Constants.routing;
const url = this.routing.userLogin

但是，可以手动附加查询参数，使URL看起来像这样

https://localhost:8080/user/login?ten=123456

因此，我需要一个通配符，在“login”这个词之后使用通配符

我的URL在常量对象中定义，如下所示：

https://localhost:8080/user/login

export const Constants = {
    routing: {
      home: '/',
      userLogin: '/user/login',
}

const routing = Constants.routing;
const url = this.routing.userLogin

…并使用如下方式：

https://localhost:8080/user/login

export const Constants = {
    routing: {
      home: '/',
      userLogin: '/user/login',
}

const routing = Constants.routing;
const url = this.routing.userLogin

---

我现在不知道我是否知道你的问题

提取“login”一词后的所有内容的正则表达式是：

(?<=login).*$

并使用路由器链接

<a [routerLink]="["user", "login"]" [queryParams]="{ ten: '123456' }">Login</a>

登录

我现在不知道该如何解决您的问题

提取“login”一词后的所有内容的正则表达式是：

(?<=login).*$

并使用路由器链接

<a [routerLink]="["user", "login"]" [queryParams]="{ ten: '123456' }">Login</a>

登录

使用

路由器导航到您的url。在组件中导航

import { Router } from "@angular/router"

constructor(private router : Router){} 

navigateToUserLogin(){
     this.router.navigate([url], { queryParams: { ten: 123456 } });
}

您可以在用户登录组件中使用
ActivatedRoute
，提取url的查询参数

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) { }

ngOnInit(){
   this.route.queryParams.subscribe(params=> { console.log(params); });
}

使用
路由器导航到您的url。在组件中导航

import { Router } from "@angular/router"

constructor(private router : Router){} 

navigateToUserLogin(){
     this.router.navigate([url], { queryParams: { ten: 123456 } });
}

您可以在用户登录组件中使用
ActivatedRoute
，提取url的查询参数

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) { }

ngOnInit(){
   this.route.queryParams.subscribe(params=> { console.log(params); });
}

我已经使用了路由器，并进行了以下比较，以查看用户当前是否在登录屏幕上：this.router.url==this.routing.userLogin。现在，用户可以手动将租户作为查询参数附加到URL。出于这个原因，还应该考虑这些手动添加的参数，并像查询参数不存在一样评估URL。因此，我上面的比较应该是这样的：this.router.url===this.routing.userLogin | | | this.router.url==this.routing.userLogin我已经在使用路由器并进行以下比较，以查看用户当前是否在登录屏幕上：this.router.url==this.routing.userLogin。现在，用户可以手动将租户作为查询参数附加到URL。出于这个原因，还应该考虑这些手动添加的参数，并像查询参数不存在一样评估URL。因此，我上面的比较应该是这样的：this.router.url===this.routing.userLogin | | | this.router.url==this.routing.userLogin我已经在使用路由器并进行以下比较，以查看用户当前是否在登录屏幕上：this.router.url==this.routing.userLogin。现在，用户可以手动将租户作为查询参数附加到URL。出于这个原因，还应该考虑这些手动添加的参数，并像查询参数不存在一样评估URL。因此，我上面的比较应该是这样的：this.router.url===this.routing.userLogin | | | this.router.url==this.routing.userLogin我已经在使用路由器并进行以下比较，以查看用户当前是否在登录屏幕上：this.router.url==this.routing.userLogin。现在，用户可以手动将租户作为查询参数附加到URL。出于这个原因，还应该考虑这些手动添加的参数，并像查询参数不存在一样评估URL。所以我上面的比较应该是这样的：this.router.url==this.routing.userLogin | | | this.router.url==this.routing.userLoginWithTenant