angular a标签携带参数时,怎么提取url不带参数
时间: 2024-05-15 16:15:57 浏览: 73
在Angular中,可以使用Router模块来处理URL和路由。如果要从带参数的URL中提取不带参数的URL,可以使用Router的url属性和parseUrl方法。
例如,假设我们有一个带参数的URL如下:
```
http://example.com/items/123?color=red&size=medium
```
我们可以使用以下代码来提取不带参数的URL:
```typescript
import { Router, UrlSegmentGroup, UrlTree } from '@angular/router';
constructor(private router: Router) {}
// 获取不带参数的URL
getBaseUrl(): string {
const urlTree: UrlTree = this.router.parseUrl(this.router.url);
const urlSegmentGroup: UrlSegmentGroup = urlTree.root.children['primary'];
const segments: string[] = urlSegmentGroup.segments.map(segment => segment.path);
return `/${segments.join('/')}`;
}
```
在这个例子中,我们首先使用Router的parseUrl方法将当前URL解析为UrlTree对象。然后,我们从UrlTree中获取根UrlSegmentGroup,并从中提取路径段。最后,我们将路径段连接起来,以获取不带参数的URL。
阅读全文