html绑定

目的

html绑定可以绑定DOM元素内的HTML内容。

示例：

<div data-bind="html: details"></div>
 
<script type="text/javascript">
    var viewModel = {
        details: ko.observable() // Initially blank
    };
    viewModel.details("<em>For further details, view the report <a href='report.html'>here</a>.</em>"); // HTML content appears
</script>

参数

• Main parameter
• KO在绑定时会把元素内原来的HTML内容清除掉。如果JQuery是可用的，KO会使用JQuery的html函数进行绑定，或者把参数的字符串做为HTML绑定到每一个子元素中。
• 如果参数是observable的，那么当参数值更改时会动态的更新HTML的内容。否则，只会在第一次进行绑定，后面参数值改变不会对HTML内容产生任何影响。

如果参数传的不是字符串，innerHTML会把参数进行toString()后做为HTML进行绑定。

• Additional parameters
• None

注：关于HTML编码

使用innserHTML会产生脚本注入的风险，所以如果不确定要显示的内容，建议使用text绑定。

 

转载于:https://www.cnblogs.com/wileywong/p/4209099.html