【问题标题】:knockout - HTML href淘汰赛 - HTML href
【发布时间】:2013-04-28 04:25:54
【问题描述】:

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

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

href=""

或者我可以使用'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>

【问题讨论】:

    标签: knockout.js hyperlink anchor knockout-2.0


    【解决方案1】:

    我不确定你想用 href 中的 span 实现什么,但使用 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>
    

    【讨论】:

    • 完美。感谢@Roberto 提供相同的提示。 Muchos gracias to @nemesv 以显示应有的代码。我敢肯定,对于经验丰富的编码人员来说,这很容易回答。但是对于像我这样的新手来说,这并不是那么容易弄清楚的。答案非常感谢。谢谢。
    • 如何在标签中绑定外部链接?它与baseurl绑定。我想添加没有baseurl。
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 2018-03-31
      • 1970-01-01
      • 2013-04-10
      • 2013-02-04
      • 2012-02-18
      • 2019-12-24
      • 2013-04-09
      • 2012-06-06
      • 2015-06-02
      相关资源
      最近更新 更多