esta es mi función para recuperar información de Nacionalidad, convertirla en un código alfa2 (por ejemplo, "EE. UU.", "BR") y luego obtener una imgURL basada en ese código alfa2 (funciona con countryflagsapi). Sé que la función es correcta. El problema es que llamo a esta función en HTML y dice que no puede encontrar .alpha_2_code porque la nación no está definida. Código JS:

 self.flagUrl = ko.computed(function(){ //var txt = data; // console.log(txt); // var nation = this.records[idx].Nationality; //var idx = data; //var obj = self.records[idx].Nationality; var nation = self.Nationality; console.log(nation); var alpha2code = countries.filter((country) => country.Nationality === nation)[0].alpha_2_code; //console.log(c); var myPath = "https://countryflagsapi.com/png/" + alpha2code; return myPath; }, self);

Código HTML:

 <tr class="row"> <th class="col-md-2">Nationality</th> <td class="col-md-10" data-bind="text: Nationality"></td> <td><img src="" alt="" height=25px width=40px data-bind="attr:{src: flagUrl()}" ></img></td> </tr>

El HTML obtiene los datos de nacionalidad aquí, pero no los asigna al modelo de vista.

por favor ayuda