Kendo MVVM 数据绑定(九) Text

Text 绑定可以使用 ViewModel 来设置 DOM 元素的文本属性,如果需要设置 input,textarea,或 select 的显示,需要使用 value 属性。

<span data-bind="text: name"></span> 
<script> 
var viewModel = kendo.observable({ 
    name: "John Doe" 
}); 
 
kendo.bind($("span"), viewModel); 
</script>

本例输出:

John Doe

如果 V iewModel 的值包含 html 标记,这些标记会直接显示出 html 标记,比如:

<span data-bind="text: name"></span> 
<script> 
var viewModel = kendo.observable({ 
    name: "<strong>John Doe</strong>" 
}); 
 
kendo.bind($("span"), viewModel); 
</script>

 

如果需要以粗体显示,则可以使用前面介绍的 html 绑定。


发布评论
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

Kendo MVVM 数据绑定(八) Style知识解答
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。