在Angular路由器中，斜杠（/）是特殊字符，会被转义处理，这可能导致URL匹配出现问题。为了解决这个问题，可以使用字符串替代方案，如使用冒号（:）作为参数的分隔符。

下面是一个使用冒号作为参数分隔符的代码示例：

1. 首先，在路由配置中定义带有参数的路由：

const routes: Routes = [
  { path: 'example/:id', component: ExampleComponent }
];

2. 在组件中使用路由参数：

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

@Component({
  ...
})
export class ExampleComponent {
  constructor(private route: ActivatedRoute) {
    const id = this.route.snapshot.paramMap.get('id');
    console.log(id); // 输出URL中的参数值
  }
}

3. 在导航时，使用冒号分隔参数：

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

@Component({
  ...
})
export class HomeComponent {
  constructor(private router: Router) {}

  navigateToExample(id: string) {
    this.router.navigate(['/example', id]);
  }
}

通过使用冒号作为参数分隔符，可以避免斜杠在URL匹配中的问题。