Knockoutjs原生模板 - 创建网址

bsr*_*bsr 6 knockout-2.0 knockout.js

如何使用knockout js native templating 创建一个url .

<a href="http://" title="Visit site">
    <span data-bind="text: site"></span>
</a>
Run Code Online (Sandbox Code Playgroud)

说出这个表达

<span data-bind="text: site">
Run Code Online (Sandbox Code Playgroud)

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

所以,像

<a href="http://${site}" title="Visit site">
Run Code Online (Sandbox Code Playgroud)

这可能适用于jQuery模板.本质上,我想我们总是需要<span>, <li>输出文本等.

Ren*_*Pot 7

通过使用带有attr绑定的data-bind.您可以在data-bind中使用纯JavaScript,因此您也可以使用默认连接

<a data-bind="attr: {'href':  'http://' + $data.site}, text: 'visit site'"></a>
Run Code Online (Sandbox Code Playgroud)

data-bind可以在几乎所有东西上完成,只要它由DOM渲染即可.所以你可以把它放在<a>标签或任何你想要使用的东西上