要向链接添加查询参数,您可以使用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() 方法,以添加查询参数。