码迷,mamicode.com
首页 > 其他好文 > 详细

Kendo MVVM 数据绑定(九) Text

时间:2019-02-11 17:00:31      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:eve   html   data-bind   select   evel   mod   图片   使用   data-   

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

Kendo MVVM 数据绑定(九) Text

标签:eve   html   data-bind   select   evel   mod   图片   使用   data-   

原文地址:https://www.cnblogs.com/miaosj/p/10362348.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!