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

上一篇:error: open of glibc-devel-2.12-1.132.el6.i686.rpm failed: 没有那个文件或目录


下一篇:IDEA for Mac注册码使用