javascript - 如何在 Knockout JavaScript 表格中创建文本链接？

Question

我有一些 KnockoutJS 代码在工作 - 它拉入一个列表并将其绑定(bind)到一个表。

对于显示 name 的表数据，我希望它是一个 <a href=...> ，但不确定如何。名称仍然显示。但是你可以点击它。

这是我当前的代码:

<tbody data-bind="foreach: items">
    <tr>
        <td data-bind="text: name()"></td>
        <td data-bind="text: price()"></td>
        <td data-bind="text: endsOn()"></td>
    </tr>   
</tbody>

没什么太疯狂的。

我有另一个属性叫做 url其中包含完整的 http://blah将用户定向到的 URL。另外，我想打开一个新标签页。

有什么建议吗？

Answer 1

您必须从 td 标签中删除数据绑定(bind)属性，并将带有 attr 绑定(bind)的 a 放在 td 中:

<tbody data-bind="foreach: items">
    <tr>
        <td><a data-bind="text: name, attr: {href: url}" target="_new"></a></td>
        <td data-bind="text: price"></td>
        <td data-bind="text: endsOn"></td>
    </tr>   
</tbody>

附言如果您不构造表达式，则不必在数据绑定(bind)属性中的属性名称后放置 ()。