Question

亲爱的开发者亲爱的！

我有一个简单问题的堆栈（我想是这样）

我有一个小菜单，带有链接列表，这些是从API生成的。我有一个API请求，我把一个id添加到路由器链接，比如

[routerLink]="['/search', item.id]"

所以，例如，我们在搜索页面上，如果你点击链接，你将被重定向到搜索这个链接ID，它工作正常，现在我们在另一页等于search / search_id，在这个页面我有相同的菜单，但当我再次点击链接时，我不会被重定向到另一个搜索/ another_search_id，我将保持在同一页面，但浏览器URL已更改（页面未重新加载）。

我不确定我应该提供哪些代码，所以请让我知道问题出在哪里，我会提供您提出的所有问题。

路线模型

{
    path: 'search',
    component: SearchComponent,
},
{
    path: 'search/:id',
    component: SearchDetailComponent,
},

模板链接

<a [routerLink]="['/search', item.id]" 
   class="list-group-item list-group-item-action list-group-item-light" 
   *ngFor='let item of searchHistory'>Name</a>

Answer 1

¿你如何检查路线改变身份参数？

当您更改路线但仅更改参数时，页面不会刷新，路由器中有一个事件要检查参数更改，然后更改组件中所需的数据

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.params.subscribe(
      params => {
        this.searchId = params['id'];
        // Every time you change the route this event will run and then you can update the required data
      }
    );
  }

我希望它可以帮到你

angular 5路由器链接不起作用

1 个答案: