离子routerLink无法重定向

Question

我正在开发ionic 5 / Angular应用程序，但是从div导航时遇到了一些麻烦。

<div class="timeline__post" [routerLink]="['/visita',visita.id, 'detalle']">
        <div class="timeline__content" >
          <p><b>{{visita.nombreCliente + ' - ' + visita.nombreEstablecimiento}}</b></p>
          <p><b>Tipo visita: </b>{{visita.tipoVisita}}</p>
          <p><b>Asignado a: </b>{{visita.empleadoAsignado}}</p>
        </div>
      </div>

单击该div时，第一次单击时会更新路线，但不会渲染任何组件。在屏幕的任何部分上第二次单击都会使该组件正确呈现。

尝试使用this.router.navigate(['/visita',id, 'detalle'])从（onclick）事件进行导航，并且行为相同。

以防万一，这是路由：

  {
    path: ':id/detalle',
    component: VisitaDetalleComponent
  }, 

有什么建议吗？

谢谢