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