Szablon natywny Knockoutjs - Aby utworzyć adres URL

Question

Jak utworzyć adres URL za pomocą nokautu js natywny szablon.

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

powiedzieć wyraz

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

Zastępca www.xyz.com. Szukam sposobu na prefiks z http://.

Więc coś

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

, które mogą pracować z jQuery szablonów. W gruncie rzeczy, zastanawiam się, że zawsze potrzebujemy <span>, <li> itd., Aby wyprowadzić tekst.

Answer 1

Używając powiązania danych z powiązaniem attr. Można używać zwykłego JavaScript w segmencie danych wiążą, tak też można użyć domyślnego konkatenacji

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

data-bind można zrobić praktycznie na wszystkim, tak długo, jak to jest renderowany przez DOM. Możesz więc umieścić go na znacznikach <a> lub cokolwiek chcesz użyć