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://을 찾고 있습니다.

그래서,의 jQuery 템플릿과 함께 작동 할 수

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

같은. 본질적으로, 우리는 항상 텍스트를 출력하기 위해 <span>, <li> 등을 필요로하는지 궁금합니다.

Answer 1

데이터 바인딩을 attr 바인딩과 함께 사용합니다. 당신은 데이터 바인딩에 일반 자바 스크립트를 사용할 수 있으므로 또한 당신은

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

data-bind은 그것이 DOM에 의해 렌더링되는만큼, 실질적으로 모든 걸 할 수있는 기본 연결을 사용할 수 있습니다. 그래서 <a> 태그 또는 원하는 것을 넣을 수 있습니다