renderItem problem, alwalys shows same result

[
    {
        "nombre": "La 100",
        "dial": "99.9",
        "web": "la100.cienradios.com"
    },
    {
        "nombre": "Igwan Radio",
        "dial": "93.9",
        "web": "www.igwanradio.com.ar"
    },
   ... 
]

I got the object and want to create a Virtual list.

var virtualList = app.virtualList.create({
        // List Element
        el: '.virtual-radios',
        // Pass array with items
        items: radiosOnline,
        emptyTemplate: 'No se encontraron resultados.',
        renderItem(item) {
            return `
            <li>
              <a href="#" class="item-link item-content">
                <div class="item-inner">
                  <div class="item-title-row">
                    <div class="item-title">${radiosOnline[0].nombre}</div>
                  </div>
                  <div class="item-subtitle">${radiosOnline[0].web}</div>
                </div>
              </a>
            </li>`;
          },
    });

I can´t loop the object, it always shows the value of the [0] if i change to “1” it change the result. But repeat the list with the same result.
How can i change dinamically?.

<a href="#" class="item-link item-content">
  <div class="item-inner">
    <div class="item-title-row">
      <div class="item-title">${item.nombre}</div>
    </div>
    <div class="item-subtitle">${item.web}</div>
  </div>
</a>
1 Like

i feel bad now,. it was so simply,… thanks a lot,.