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

Question

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

对于显示 的表数据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标签中删除 data-bind 属性并在a其中放入 attr 绑定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>

PS()如果不构造表达式，则不必在 data-bind 属性中放置属性名称。