在angular中如何在URL中传递两个变量？

在Angular中，可以使用路由参数来在URL中传递两个变量。以下是一种常见的方法：

1. 首先，在定义路由时，需要在路由路径中指定参数的占位符。例如，假设我们有一个名为details的路由，需要传递两个变量，可以这样定义路由：

{ path: 'details/:var1/:var2', component: DetailsComponent }

1. 在组件中，可以通过ActivatedRoute服务来获取URL中的参数。首先，在组件的构造函数中注入ActivatedRoute：

constructor(private route: ActivatedRoute) { }

1. 然后，在组件的ngOnInit方法中，可以使用route.params来订阅参数的变化，并获取参数的值。例如，假设我们要获取名为var1和var2的参数：

ngOnInit() {
  this.route.params.subscribe(params => {
    const var1 = params['var1'];
    const var2 = params['var2'];
    // 在这里可以使用var1和var2进行后续操作
  });
}

通过上述步骤，我们可以在Angular中通过URL传递两个变量。请注意，这只是一种常见的方法，还有其他的方式可以实现相同的效果。