knockout.js - Knockoutjs 原生模板 - 创建 url

Question

如何使用淘汰赛 js原生模板创建 url。

<a href="http://" title="Visit site">
    <span data-bind="text: site"></span>
</a>

说表达

<span data-bind="text: site">

替代品www.xyz.com。我正在寻找一种方法来前缀它http://。

所以，像

<a href="http://${site}" title="Visit site">

这可能适用于 jQuery 模板。本质上，我想知道我们总是需要<span>, <li>etc 来输出文本。

Answer 1

通过将 data-bind 与 attr 绑定一起使用。您可以在数据绑定中使用纯 javascript，因此您也可以使用默认连接

<a data-bind="attr: {'href':  'http://' + $data.site}, text: 'visit site'"></a>

data-bind几乎可以在任何东西上完成，只要它是由 DOM 呈现的。所以你可以把它放在<a>标签上，或者你想用的任何东西上