淘汰 html 绑定与内部的另一个绑定

Question

我正在使用敲除将内容动态加载到页面的某些部分，使用 HTML 绑定。

问题是我要绑定的html必须调用一个函数onclick，我需要关于目标的信息和敲除容易发送的数据。

类似这样的：

myFunction($parent, $data)

HTML：

<table>
    <tbody data-bind="foreach: rows" >
        <tr>
            <td data-bind="html: rowValue">this will be a link</td>
        </tr>
   </tbody>
</table>

稍后我将值设置为内部带有敲除绑定的链接：

rowValue("<a href='#' data-bind=click:alert('hello')" + result.Data + "</a>");

请查看fiddle here 以查看完整的工作代码。

您可以看到我写的两行之间的区别，如果我执行 javascript onclick 它可以工作，但显然 ko 缺少后期绑定。

我已经看到很多关于此的问题，但找不到一个有明确答案的问题。

我想用KO来做这个，怎么做呢？ 也许有模板？

Answer 1

当您调用 ko.applyBindings 时，KO 会应用绑定。 因此，如果您在调用 applyBindings 之后修改 dom。 KO 不会知道新的 dom 元素。

你可以这样使用模板：

<table>
    <tbody data-bind="foreach: sitesTable.rows" >
        <tr data-bind="foreach: row">
            <td data-bind="template: 'myTemplate' "></td>
        </tr>
    </tbody>
</table>

<br/>


<a href="#" onclick="getNewData()"> click here </a>
<script id="myTemplate" type="text/html">
    <a href='#' data-bind="html: cellValue, click: openAlert"> click </a>
</script>

由毛里齐奥编辑。使用此小提琴，因为其他链接似乎已损坏： See fiddle