使用 routerLink 时，我的 angular 组件未更新

Question

我有以下问题：当我使用<a href="conceptos/edit-conceptos/{{ concepto.id}}">标记修改 edit-conceptos 组件中的字段并返回到 list-conceptos 组件时，更改已反映，但routerLink="../edit-conceptos/{{ concepto.id }}不会发生这种情况。

我正在使用 apollo-client 使用列表服务和更新服务。

以下组件负责列出

ngOnInit(): void {
this.conceptoService.getConceptos().
subscribe(
  (res) => {
    this.conceptos = [...res];
  }
  (err) => {
    console.log(err)
  }
)}

在此处输入图像描述

谢谢你

Answer 1

以这种方式尝试：

<a [routerLink]="[‘/edit-conceptos’, concepto.id]">

注意：看一下图片中的拼写错误"list-concetos" ，而不是 "list-conceptos"

Answer 2

在您的情况下，与href等效的routerLink将是：

[routerLink]="['edit-conceptos', concepto.id]"