首页 > 代码库 > knockoutjs学习笔记:显示绑定
knockoutjs学习笔记:显示绑定
从何而来
本系列摘抄自knockoutjs官方文档,同时结合自身项目使用记录心得。
目标
knockoutjs实现CSS显示的绑定
例子
<div data-bind="visible: shouldShowMessage"> You will see this message only when "shouldShowMessage" holds a true value.</div> <script type="text/javascript"> var viewModel = { shouldShowMessage: ko.observable(true) // Message initially visible }; viewModel.shouldShowMessage(false); // ... now it‘s hidden viewModel.shouldShowMessage(true); // ... now it‘s visible again</script>
通过方法或表达式实现
<div data-bind="visible: myValues().length > 0"> You will see this message only when ‘myValues‘ has at least one member.</div> <script type="text/javascript"> var viewModel = { myValues: ko.observableArray([]) // Initially empty, so message hidden }; viewModel.myValues.push("some value"); // Now visible</script>
knockoutjs学习笔记:显示绑定
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。