鍍金池/ 教程/ HTML/ Kendo MVVM 數(shù)據(jù)綁定(九) Text
準(zhǔn)備
Kendo UI 特效概述
Kendo MVVM 數(shù)據(jù)綁定(三) Click
Kendo MVVM 數(shù)據(jù)綁定(十) Source
Kendo MVVM 數(shù)據(jù)綁定(二) Checked
Kendo MVVM 數(shù)據(jù)綁定(五) Events
UI Widgets 概述
Kendo MVVM 數(shù)據(jù)綁定(一) attr
單頁面應(yīng)用(二) Router 類
單頁面應(yīng)用(四) Layout
Kendo DataSource 概述
Kendo MVVM 數(shù)據(jù)綁定(四) Disabled/Enabled
Kendo MVVM 數(shù)據(jù)綁定(十一) Value
Kendo MVVM (二) ObservableObject 對(duì)象
單頁面應(yīng)用(一)概述
Kendo UI 模板概述
Kendo MVVM 數(shù)據(jù)綁定(七) Invisible/Visible
Kendo MVVM 數(shù)據(jù)綁定(八) Style
初始化 Data 屬性
Kendo UI Validator 概述
單頁面應(yīng)用(三) View
Kendo MVVM 數(shù)據(jù)綁定(九) Text
Kendo MVVM (一) 概述
移動(dòng)應(yīng)用開發(fā)簡(jiǎn)介
Kendo MVVM 數(shù)據(jù)綁定(六) Html
使用 Kendo UI 庫實(shí)現(xiàn)對(duì)象的繼承

Kendo MVVM 數(shù)據(jù)綁定(九) Text

Text 綁定可以使用 ViewModel 來設(shè)置 DOM 元素的文本屬性，如果需要設(shè)置 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 標(biāo)記，這些標(biāo)記會(huì)直接顯示出 html 標(biāo)記，比如：

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

kendo.bind($("span"), viewModel);
</script>

http://wiki.jikexueyuan.com/project/kendo-ui-development-tutorial/images/30.jpg" alt="" />

如果需要以粗體顯示，則可以使用前面介紹的 html 綁定。