是否可以在html输出中省略knockoutjs的数据绑定属性？ [英] Is it possible to omit knockoutjs data-bind attribute in html output?

问题描述

我有通过knockoutjs数据绑定的项目模板

I have item template for data binding via knockoutjs

<script id="ItemTeamplte" type="text/html">
    <div>some value: <span data-bind="text: someObj.someProp"></span></div>
</script>

而输出是

<div>some value: <span data-bind="text: someObj.someProp">614</span></div>

如何省略

$ b $ html输出中的数据绑定=text：someObj.someProp

data-bind="text: someObj.someProp"

属性

推荐答案

您可以通过扩展绑定提供程序来执行此操作。以下是一个简单的例子：

You can do this by extending the binding provider. Here's a quick example:

ko.bindingProvider.instance.getBindingsString = (function (originalFunc) {
    return function (node, bindingContext) {
        if (node.__savedBinding) {
            return node.__savedBinding;
        }
        var binding = originalFunc.call(this, node, bindingContext);
        if (binding && node.nodeType == 1) {
            node.__savedBinding = binding;
            node.removeAttribute('data-bind');
        }
        return binding;
    }
})(ko.bindingProvider.instance.getBindingsString);

小提琴： http://jsfiddle.net/mbest/C5QHx/

这篇关于是否可以在html输出中省略knockoutjs的数据绑定属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！