Html绑定可以使用ViewMode的属性来设置DOM元素的innerHTML属性。如果ViewModel的属性的数据类型不是字符串,比如(Text,Number或者Date),那么会调用toString()方法,将这些值转为字符串。
注意:如果需要设置input,textarea或是select的值,需要使用value绑定。
例如:
- <span data-bind="html: name"></span>
- <script>
- var viewModel = kendo.observable({
- name: "John Doe"
- });
- kendo.bind($("span"), viewModel);
- </script>
这个结果显示如下html元素:
- <span>John Doe</span>
如果ViewModel 的值包含HTML标记,这些标记和作为最后结果显示出来,比如:
- <span data-bind="html: name"></span>
- <script>
- var viewModel = kendo.observable({
- name: "<strong>John Doe</strong>"
- });
- kendo.bind($("span"), viewModel);
- </script>
显示如下:
John Doe
如果只想显示ViewModel的值,可以使用text绑定。