在 angular 中创建动态 url 6

Question

我有 Angular 6 个应用程序。在此需要为每个用户创建URL。

我用这种格式创建了这个 URL。这工作正常。

http://localhost:4200/profile/User1

我使用此代码 {path: 'profile/:value}' 完成了此操作。其中 User1 是动态的。可以是User2、User3等

但我需要这种格式的URL。

http://localhost:4200/user1-profile/

我没有任何解决方案来创建这种格式的 URL。如果这是在 php 中，我可以像这样使用 htaccess /([^/]*)-profile/ 来做到这一点。但我不知道如何在 Angular 6.

中做同样的事情

Answer 1

是的，你使用 :value 是正确的，你可以在 url 中使它动态化，并为此定义路线，你传递的任何东西都会代替它被认为是动态值，可以使用。

现在根据您的要求，您希望在 url 中拥有 user1-profile。您可以通过在路由模块中使用以下行来执行此操作。

{path: ':value-profile/}'

并且当你想导航到这个时，你只需在 .ts 文件中添加以下行。

  this.route.navigate([userid+'-profile'])

Create dynamic url in angular 6