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

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)記會直接顯示出 html 標(biāo)記，比如：

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

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

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