码迷,mamicode.com
首页 > Web开发 > 详细

knockoutjs学习笔记:显示绑定

时间:2014-11-26 01:07:40      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:blog   ar   使用   java   on   div   log   bs   as   

从何而来

本系列摘抄自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学习笔记:显示绑定

标签:blog   ar   使用   java   on   div   log   bs   as   

原文地址:http://www.cnblogs.com/xiguain/p/4122178.html

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