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

Question

如何使用Knockout 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>等输出文本。

Answer 1

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

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

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