KnockoutJS：使用'html'绑定，新元素不绑定-Java 学习之路

我有一个视图模型，其中包含一个代表div的conent的ko.observable，如下所示：

function claimContainerViewModel(elem, api) {
    this.content = ko.observable('<somecontent>');
}

稍后，我使用AJAX调用更新该内容，并且我有一个带有以下绑定的div：

<div id="ClaimContainer" data-bind="html: content">

为'content'返回的HTML具有自己的数据绑定，这就是问题：这些绑定都没有被解析 . 根据Knockout和我读过的每一个消息来源，这应该发生 . 当使用'html'绑定时，KO应该足够聪明以进行重新绑定 .

这是KO 2.2.0中的一个错误（这个版本我第二次被困住了），还是我误解了html绑定处理程序是如何工作的？在任何人问之前，没有applyBindings在这种情况下不会起作用，因为容器使用了一个html绑定，applyBindings假设应该处理重新绑定本身（我已经通过单步调试KO的代码来证实这一点） .

1 回答

13
UPDATE:

这是我的自定义绑定的最终版本 . 这现在可以自动运行，不会双重绑定，并且就像'html'绑定一样，但更具动态性 .
```
if (!ko.bindingHandlers['dynhtml']) {
    ko.bindingHandlers['dynhtml'] = {
        'init': function() {
            return { 'controlsDescendantBindings': true };
        },
        'update': function (element, valueAccessor, allBindings, viewModel, bindingContext) {
            ko.utils.setHtml(element, valueAccessor());
            ko.applyBindingsToDescendants(bindingContext, element);
        }
    };
}
```
Please, please, PLEASE be aware 如果您不知道HTML的来源，这可能是不安全的 . 非常非常不安全 . 如果未经过无限制的用户输入可以进入您的HTML，这可能是一个巨大的安全漏洞，因此请注意跨站点脚本攻击 .
回复于 2024-04-29T04:03:02+08:00

KnockoutJS：使用'html'绑定，新元素不绑定

1 回答

相关问题