首页 > 代码库 > knockoutjs学习笔记：文本(Text)绑定
knockoutjs学习笔记：文本(Text)绑定
目标
主要用于显示行内元素(<span>,<em>)的内部文本，当然也可用于其他元素。
例子
Today‘s message is: <span data-bind="text: myMessage"></span> <script type="text/javascript"> var viewModel = { myMessage: ko.observable() // Initially blank }; viewModel.myMessage("Hello, world!"); // Text appears</script>方法或者表达式
The item is <span data-bind="text: priceRating"></span> today. <script type="text/javascript"> var viewModel = { price: ko.observable(24.95) }; viewModel.priceRating = ko.pureComputed(function() { return this.price() > 50 ? "expensive" : "affordable"; }, viewModel);</script>或者
The item is <span data-bind="text: price() > 50 ? ‘expensive‘ : ‘affordable‘"></span> today.
在容器类绑定时，我们会想使用内部元素显示文本，但是在knockoutjs不起作用，比如：
<select data-bind="foreach: items"> <option>Item <span data-bind="text: name"></span></option></select>
可以这样解决：
<select data-bind="foreach: items"> <option>Item <!--ko text: name--><!--/ko--></option></select>
这样通过语法在元素之间抽象出来元素，编译之后Knockout 会建立相应的元素。
knockoutjs学习笔记：文本(Text)绑定
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。