0

Este es mi archivo ts

@Component({
selector: 'app-apiferiados',
templateUrl: './apiferiados.page.html',
styleUrls: ['./apiferiados.page.scss'],
})
export class ApiferiadosPage implements OnInit {

  feriados: Datos[] = [];


constructor( private feriado:ServiceapiService) { }

ngOnInit() {

  this.feriado.getFeriados().subscribe(resp => {
    console.log('feriados',resp);
    this.feriados.push(...resp.data);
});
}

}

y este el archivo de interface:

export interface RespuestaTopHeadlines {
status: string;
data: Datos[];
}

export interface Datos {
title: string;
date: string;
type: string;
inalienable: boolean;
extra: string;
}

El dato 'inalienable' es boolean y necesito cambiar a string, en caso de ser true, debe mostrar "si". Y en caso de ser false, debe mostrar "no"

eso.

2
  • Es importante que agregues lo que has intentado hacer para resolver el problema.
    – Lobos
    el 13 dic. 2022 a las 15:32
  • 3
    Puedes conseguirlo usando el operador ternario allá donde estés imprimiendo ese valor en el template {{ inalienable ? 'si' : 'no' }}
    – akotech
    el 13 dic. 2022 a las 16:57

1 respuesta 1

0

Lo que puedes hacer es darle un tipo adicional a ese campo del objeto:

    export interface Datos {
       title: string;
       date: string;
       type: string;
       inalienable: boolean | string;
       extra: string;
    }

Por lo que le podrás asignar a ese campo (inalienable) el valor de tu preferencia, si bien no es la mejor solución podrás usarlo, para lo que necesitas.

Por ejemplo:

    @Component({
      selector: 'app-apiferiados',
      templateUrl: './apiferiados.page.html',
      styleUrls: ['./apiferiados.page.scss'],
     })
     export class ApiferiadosPage implements OnInit {

       feriados: Datos[] = [];

       constructor( private feriado:ServiceapiService) { }

       ngOnInit() {

         this.feriado.getFeriados().subscribe(resp => {
           console.log('feriados',resp);
           this.feriados.push(...resp.data);

           this.feriados.forEach(item => {
             item.inalienable = item.inalienable ? 'SI' : 'NO';
           });

         });
       }

     }

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.