oscarggh's questions

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.

I have another problem here guys.

I have the following code which shows some data from an api in a dropdown, so far so good. What I want is that when an item is selected from that dropdown, that is, the name of a user, I fill in the fields below, which is name, paternal and maternal names, telephone and email.

My dropdown:

<label>Usuario</label>
<p-dropdown [options]="SelectUsuarios" [(ngModel)]="id_usuario" optionLabel="nombre" placeholder="Seleccione usuario" optionValue="id_usuario">
<ng-template let-user pTemplate="item">
    <div class="flex align-items-center">
         <span>{{user.apellido_paterno}} {{user.apellido_materno}} / {{user.nombre}}</span>
    </div>
</ng-template>
</p-dropdown>

and the inputs are name, paternal and maternal surname, telephone and mail:

<div class="field col-12 md:col-4">
                    <label class="font-bold">Nombre(s)</label>
                    <input type="text" disabled pInputText [(ngModel)]="nombre"/>
                </div>

Good afternoon, I have the following problem, I have a cycle for which I get, do a tour and print some emails, so far so good, the detail is that I want to show all the emails that I get in an input, but it only shows me 1 which it is the last.

My code is the following:

openDialogEnviarCorreosMasivos() {
this.dialogEnviarCorreosMasivos = true;
for (let correos of this.selectedInstitucions) {
  //console.log(correos)
  this.m_ecm_correos_seleccionados = correos.correo_institucion;
  console.log(this.m_ecm_correos_seleccionados) 
}
console.log(this.m_ecm_correos_seleccionados)

}

and I want to show it in an input with the ngmodel m_ecm_correos_seleccionados but I don't get that part.

 <div class="field col-12 md:col-12">
                    <label class="font-bold">Correos selecionados</label>
                    <p-chips placeholder="Correos seleccionados" separator="," [(ngModel)]="m_ecm_correos_seleccionados" placeholder=""></p-chips>
                </div>

I have a file type input which I want a cancel button to be enabled when a file is loaded, I've already tried but it doesn't give me the head for more.

<p-fileUpload mode="basic" name="demo[]" url="./upload.php" accept=".doc,.docx,.pdf" maxFileSize="1000000" chooseLabel="Seleccionar" [disabled]="campos" [(ngModel)]="constancia" #arch_constancia></p-fileUpload>

and my button is as follows:

<button [disabled]="campos || true" pButton pRipple [label]="Delete" icon="pi pi-trash" class="p-button-danger" (click)="borrar_constancia()"></button>

I have the button disabled but I don't know how to enable it when a file is loaded, if you could help me please, I do it in angular typescript.