Javascript td-knockoutjs中的锚定数据绑定

Javascript td-knockoutjs中的锚定数据绑定,javascript,knockout.js,Javascript,Knockout.js,我正在为web应用程序使用KnockoutJS。使用foreach数据绑定绑定表,使用text属性绑定表列。我有一个列绑定如下- <td data-toggle="tooltip" data-html="true" data-placement="top" data- bind="html:codesAllopening,attr: {'data-original-title': AllOpeningCodeToolTip()}"></td> codesAllop

我正在为web应用程序使用KnockoutJS。使用foreach数据绑定绑定表,使用text属性绑定表列。我有一个列绑定如下-

<td data-toggle="tooltip" data-html="true" data-placement="top" data-
bind="html:codesAllopening,attr: {'data-original-title': 
AllOpeningCodeToolTip()}"></td>

codesAllopening是使用以下代码动态创建的-

self.codesAllopening = ko.computed(function () {
    var codes = self.OpeningCode.Code() + '<a data-bind="click: function() {$root.cancelOpeningCode();}" style="cursor:default;"><i class="material-icons">close</i></a><br/>';

return codes;
}, self);
self.codesAllopening=ko.computed(函数(){
var Code=self.OpeningCode.Code()+“close
”; 返回码; },自我);
在这里,单击代码内的绑定不会触发打开


提前感谢您的帮助。

在调用
applyBindings()
之后,任何动态添加的HTML和敲除绑定都将无效。在您的情况下,不需要使用
html
绑定。您可以将锚和跨度添加到加载时的
td

<td data-toggle="tooltip" data-html="true" data-placement="top" data- bind="attr: {'data-original-title': AllOpeningCodeToolTip()}">
    <span data-bind="html:$parent.OpeningCode.Code"></span>
    <a data-bind="click: $root.cancelOpeningCode" style="cursor:default;"><i class="material-icons">close</i></a><br/>
</td>


对于使用自定义绑定处理程序

调用
applyBindings()
后,任何动态添加的HTML和敲除绑定都将无效。在您的情况下,不需要使用
html
绑定。您可以将锚和跨度添加到加载时的
td

<td data-toggle="tooltip" data-html="true" data-placement="top" data- bind="attr: {'data-original-title': AllOpeningCodeToolTip()}">
    <span data-bind="html:$parent.OpeningCode.Code"></span>
    <a data-bind="click: $root.cancelOpeningCode" style="cursor:default;"><i class="material-icons">close</i></a><br/>
</td>


为了使用自定义绑定处理程序,在应用绑定时会解析数据绑定,因此ko不会解析它,因为它是稍后添加的


数据绑定是在应用绑定时解析的,因此ko不会解析此绑定,因为它是稍后添加的


感谢您的快速回复。但是OpneingCode有很多代码,我想分别为每个代码设置取消图标。这就是我试图通过javascript代码锚定的原因。@Raj
OpeningCode.code()
返回的字符串是否也有敲除绑定?否。它返回纯字符串。@Raj字符串包含HTML标记或纯文本?HTML标记。实际上,添加了一个
标记以显示代码列表。感谢您的快速响应。但是OpneingCode有很多代码,我想分别为每个代码设置取消图标。这就是我试图通过javascript代码锚定的原因。@Raj
OpeningCode.code()
返回的字符串是否也有敲除绑定?否。它返回纯字符串。@Raj字符串包含HTML标记或纯文本?HTML标记。实际上,添加了一个标签来显示代码列表。好的。谢谢。我将尝试使用上面链接中提供的选项。我使用
ko.bindingHandlers['html']={//'init':function(){//return{'ControlsDescentBindings':true};//此行阻止解析“注入绑定”//},'更新”:function(元素,valueAccessor){//setHtml将根据需要打开值ko.utils.setHtml(element,valueAccessor();}};
ok..谢谢。我将尝试使用上面链接提供的选项。我查看了上面提供的选项,并使用
ko.bindingHandlers['html']={/'init':function(){//return{'ControlsDescentBindings':true};//此行阻止解析“注入绑定”//},'update':函数(元素,valueAccessor){//setHtml将根据需要打开值ko.utils.setHtml(元素,valueAccessor());};