0

<a *ngFor="let titulo of titulos" class="title-breadcrumb" [routerLink]="titulo.url != '' ? titulo.url : ''"> {{titulo.label}}</a>

Lo que necesito y no estoy pudiendo hacer, es que el atributo routerLink, solo este cuando la propiedad titulo.url exista o no sea vacio. En caso de ser vacio o no exista, no quiero que este la propiedad routerLink. No se como hacerlo ya que estoy usando un for para recorrer un array y renderizar las etiquetas "a"

1 respuesta 1

1

Una solución es hacer la iteración con un ng-container y dentro tener dos etiquetas a, y mostrar una o la otra según la url esté o no vacía.

<ng-container *ngFor="let titulo of titulos">
      <a class="title-breadcrumb" *ngIf="!!!titulo.url">
        {{titulo.label}}
      </a>
      <a class="title-breadcrumb" *ngIf="!!titulo.url" [routerLink]="titulo.url">
        {{titulo.label}}
      </a>
</ng-container>
5
  • el problema que lo que tiene que ser el for, es el A. Porque es un breadcrumb digamos, quedan un enlace al lado del otro el 8 may. 2021 a las 2:45
  • No debería afectar. ng-container no se renderiza. Al final siempre quedarán los a uno al lado de otro.
    – Lobos
    el 8 may. 2021 a las 3:12
  • podrias ayudarme con este es.stackoverflow.com/questions/457008/… el 3 jun. 2021 a las 2:02
  • @DiegoFerrer Te ayudaría con gusto pero el proceso es complejo y no tengo el tiempo suficiente.
    – Lobos
    el 4 jun. 2021 a las 2:46
  • Ya lo solucione este actual, el que te acabo de pasar es el que no pude solucionar el 4 jun. 2021 a las 3:07

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.