angular a标签携带参数时,怎么提取url不带参数
时间: 2024-05-15 17:15:57 浏览: 11
在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。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)