要向链接添加查询参数,您可以使用Angular的内置Router
服务和RouterLink
指令。以下是一个示例解决方法:
Router
和ActivatedRoute
:import { Router, ActivatedRoute } from '@angular/router';
Router
和ActivatedRoute
:constructor(private router: Router, private route: ActivatedRoute) { }
addQueryParam() {
// 获取当前的查询参数
const queryParams = {param1: 'value1', param2: 'value2'};
// 导航到新的链接
this.router.navigate([], {
relativeTo: this.route,
queryParams: queryParams,
queryParamsHandling: 'merge' // 将新的查询参数与现有的查询参数合并
});
}
RouterLink
指令来绑定按钮或链接:添加查询参数
通过点击“添加查询参数”链接,将会导航到/your-route
并附加查询参数param1=value1
和param2=value2
。
请注意,RouterLink
指令用于导航到指定的路由,并使用 (click)
事件绑定来调用 addQueryParam()
方法,以添加查询参数。