Knockoutjs原生模板 - 创建网址

Question

如何使用敲除js 原生 模板创建网址。

<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

将数据绑定与attr绑定一起使用。您可以在data-bind中使用纯JavaScript，因此您也可以使用默认串联

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

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