Home / Questions / 563917
Accepted
oscarggh
Asked: 2022-10-24 11:35:16 +0800 CST 2022-10-24 11:35:16 +0800 CST

Not repeating a conditional value of an *ngFor

  • 772

Good afternoon, I have the following problem within an ngfor, so far it complies with the values, but I would like the condition All to be greater than or equal to 9 to only be repeated once and for all the keys of the program to be shown in the tooltip .

Until now it is all I have, when it does not comply it is shown separately and the respective key, but if I want that when they are all the other condition is fulfilled and in the tooltip it shows all the names of the programs separated by commas.

<div *ngFor="let clave of Proyecto.j_programa" class="listar_programas">
   <span pTooltip="{{clave.programa}}" tooltipPosition="bottom" class="font-bold">{{ Proyecto.j_programa?.length  >= 9 ? 'Todos' : clave.clave_programa+', '}}</span>
</div>

Likewise, I don't know how to use the join function on the key.program_key variable since I currently concatenate it like this > +', ' and I want the last element to have a period or not show anything.

Currently it prints like this: GA, IA, II,

something like this: GA, IA, II.

I read that with .join but it gives me the result and everything bugs.

javascript

1 Answers

  1. Best Answer

    You can not render the page until the asynchronous operations end with a *ngIf. Simply add it to the top of the hierarchy.

    
<div *ngIf="movieDetails"  #moviedetails class="movie-details">

  <section class="header" >
      <app-header [data]="movieDetails"></app-header>
  </section>

 ...MAS CODIGO...
    • 1