淘汰赛 - HTML href

时间:2013-05-03 17:23:04

标签: knockout.js hyperlink anchor knockout-2.0

我有一个遍历数组的foreach循环(filesObservableArray)。该数组的键/值为key:URLPath。当我在HTML中绑定数组时,我想用URLPath设置'href ='值。

我知道这部分是失败的,但从概念上讲,你能看到我正在尝试做什么吗?

href =“< span data-bind ='text:URLPath'>”

或许我可以使用'databind =“click:someCode(url)”'并在someCode函数中打开链接? URL映射到文档文件(例如,.doc)或图像文件。

小贴士表示赞赏。谢谢!

<tbody data-bind="foreach: $root.filesObservableArray">
                    <tr id="tradeRow">
                        <td><a href="<span data-bind='text: URLPath'></span>">Open file</a></td>
                    </tr>
                </tbody>

2 个答案:

答案 0 :(得分:38)

我不确定您希望通过href中的跨度实现什么,但使用attr binding可以设置href(或任何其他)属性:

<tbody data-bind="foreach: $root.filesObservableArray">
   <tr id="tradeRow">
       <td><a data-bind="attr: { href: URLPath }">Open file</a></td>
   </tr>
</tbody>

答案 1 :(得分:7)

您是否看过可能使用attr绑定。

http://knockoutjs.com/documentation/attr-binding.html