es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Angular Frontend – ¿Cómo puedo cambiar un valor que he obtenido del Backend en el Frontend?

Recientemente comencé con Angular y he estado atascado en este único problema.

Entonces, cuando el frontend carga una página, realiza una solicitud GET y recupera los siguientes valores:

getAll(fetch_id: string): Subject<Element[]> {
this.dataSource.getData(fetch_id).subscribe((elements) => {
this.elements = elements.map((element) => ({
id: element.element_id.toString(),
name: element.element_name,
fetch_method: element.fetch_method_id,
created: element.created_at,
}));
this.elements$.next(this.elements);
});
return this.elements$;

Mi HTML se muestra así:


{{ element.fetch_method }}

Mi problema es: el fetch_method devolverá 1, 2 o 3, que debo representar de manera diferente en la parte del frontend (si es 1, el frontend debe mostrar “Automático”, si es 2, debe mostrar “Manual”, si es 3, debe mostrar “Ambos”).

Actualmente, mi frontend solo muestra 1,2 o 3.

Intenté buscar si podía insertar una declaración IF-ELSE en algún lugar, pero no encontré nada que pudiera ayudarme. ¡Agradecería cualquier sugerencia!

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Puede utilizar un operador ternario para lograr esto. Puede modificar su HTML de la siguiente manera:

    <td class="pointer" mat-cell="" *matcelldef="let element" [routerlink]="getFetchUrl(element)">
      {{ element.fetch_method == 1 ? 'Automático' : element.fetch_method == 2 ? 'Manual' : 'Ambos' }}
    </td>
    

    Esto comprobará el valor de element.fetch_method y mostrará la cadena adecuada.

Comments are closed.