如何使用href Angular 6将变量绑定到url参数？

在Angular 6中，可以使用路由参数来绑定变量到URL参数。具体步骤如下：

1. 首先，在定义路由时，需要在路由配置中指定参数的占位符。例如，假设有一个名为user的路由，并且希望将id参数绑定到URL中，可以这样定义路由：

{
  path: 'user/:id',
  component: UserComponent
}

1. 在组件中，需要导入ActivatedRoute和Router类，并在构造函数中注入它们。然后可以通过ActivatedRoute来获取URL参数的值，通过Router来进行导航。

import { ActivatedRoute, Router } from '@angular/router';

constructor(private route: ActivatedRoute, private router: Router) { }

1. 接下来，在组件的ngOnInit方法中，使用ActivatedRoute来获取URL参数的值，并将其赋给组件的变量。

ngOnInit() {
  this.route.paramMap.subscribe(params => {
    this.id = params.get('id');
  });
}

1. 现在，可以在HTML模板中使用变量id，将其绑定到URL参数。可以使用routerLink指令来生成带参数的URL。例如：

<a [routerLink]="['/user', id]">User Details</a>

这样，点击链接时，会将当前组件的id变量的值作为URL参数进行导航。

需要注意的是，以上方法是Angular 6版本以及更高版本中的做法。如果使用的是旧版本的Angular，请参考相应版本的官方文档或搜索相关教程。

关于Angular的更多信息和教程，可以参考腾讯云的相关文档和产品介绍：

• Angular 官方网站：https://angular.io/
• 腾讯云服务器less CloudBase：https://cloud.tencent.com/product/tcb