添加 href 以从 firestore 自动生成数据表

Question

我想将不同的 href 分配给表中的不同 td，该表根据从 firestore 提取的数据自动生成所述 td。

这是我的 oferta.js，我可以毫无问题地从 firestore 检索数据，但我真的不知道如何为 td“titulo”分配不同的 href，我尝试使用锚点，但这会导致建立每个连续的 td 中都有相同的 URL，我该怎么做才能避免这个问题？提前感谢！

const ofertaList = document.querySelector('#ofertaLista');

const setupOferta = (data) => {

    let html = '';

    data.forEach(doc => {

      const oferta = doc.data();

      const td =`

        <tr>

          <td><a href="google.com">${oferta.titulo}</a></td>

          <td>${oferta.tipo}</td>

          <td>${oferta.fecha}</td>

          <td>${oferta.areaConocimiento}</td>

          <td>${oferta.cupoLimitado}</td>

        </tr>

      `;

      html += td

    });

    ofertaList.innerHTML = html;

}

db.collection('oferta').get().then((snapshot) =>{

 setupOferta(snapshot.docs)

});

Answer 1

<td><a&nbsp;href="${oferta.href}">${oferta.titulo}</a></td>

Answer 2

你可以这样做<td><a&nbsp;href="${oferta.href}">${oferta.titulo}</a></td>或者<td><a&nbsp;href="http://your-domain.com/${oferta.data_id_or_any_other_field}">${oferta.titulo}</a></td>

Answer 3

只需将元素的 href 设置为 URL 的变量即可：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td><a&nbsp;href="${thisIsSomeUrl}">${oferta.titulo}</a></td>