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

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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