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