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绑定。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。