knockoutjs visible

以前在项目中开发时，利用knockoutjs中的visible属性来隐藏，显示div。通过给visible绑定一个表达式，发现没有效果，以为只能绑定bool值。这几天开发又遇到这个问题，所以决定一探究竟。分别写了两种绑定方式的：

<div id="testDiv">
<div><a data-bind="click: showHiddenFirst"href="#">Show first</a><div data-bind="visible: isVisibleFirst()">bool值绑定</div><div data-bind="visible:count()==1">表达式绑定</div>
</div>
</div><script type="text/javascript">var vm = function () {this.isVisibleFirst = ko.observable(true);this.count = ko.observable(1);this.showHiddenFirst = function () {if (this.isVisibleFirst() == true) {this.isVisibleFirst(false);this.count(2)}else {this.isVisibleFirst(true);this.count(1)}};}ko.applyBindings(new vm(),document.getElementById("testDiv"));</script>

经测试，两种方式都可以。

knockoutjs visible相关推荐

MVVM架构~Knockoutjs系列之text,value,attr,visible,with的数据绑定
Knockoutjs是微软mvc4里一个新东西,用这在MVC环境里实现MVVM,小微这次没有大张旗鼓,而是愉愉的为我们开发者嵌入了一个实现MVVM的插件,这下面的几篇文章中,我和大家将一起去探讨它, ...
knockoutjs中的visible绑定
强烈推荐一个大神的人工智能的教程:http://www.captainbed.net/zhanghan visible就是用来控制是否显示的,当值为true的时候则显示,为false的时候隐藏,kno ...
MVVM架构~knockoutjs系列之验证成功提示显示
对于knockout.validation来说,我们已经知道了如何去验证大部分表单元素,而有时,我们的需求希望在每个元素验证成功后,去显示正确的提示,这个我们很容易的使用self.元素.isValid ...
MVVM架构~knockoutjs实现简单的购物车
返回目录概念相关购物车相信大家都用过,很方便,可以将多个商品添加到购物车,并且可以修改购买商品的数据,当然为了用户体验好,在修改数据时,你的价格也会出现变化的,这使用JS可以实现,但我认为,代码量 ...
Knockoutjs 实践入门 (2) 绑定事件
Knockoutjs 绑定事件 Knockoutjs 不仅支持UI 元素的属性绑定到model的属性,还支持UI 元素的事件绑定model的事件. 需求: l click me button 每单击 ...
MVVM架构~knockoutjs系列之包括区域级联列表的增删改
返回目录这个例子我做了几次,之前总是有BUG,目前测试后,确定没有BUG才发上来的,主要功能是实现"我的银行"模块的增删改的功能,这个里面包括了级联列表的区域选择,这部分是难点, ...
MVVM架构~knockoutjs系列之验证信息自定义输出~续
返回目录上一讲中,我以一个实际中的例子说明了knockoutjs的自定义验证功能,在使用过程中,出现了一个问题,当然了不是问题,只是一种需求,上一讲中自定义验证的表现是:当页面加载后,自动显示有问题 ...
MVVM架构~knockoutjs系列之验证信息自定义输出~再续
返回目录对于一个项目的表单验证,方式有很多,效果也有很多,具体使用哪种完成取决于产品这边,产品让你用什么,你就要用什么,而做为开发人员,我们要做的就是＂整理近可能多的架构方式＂,这样才可以自由的应变 ...
KnockoutJs 进阶学习
Q: KnockOut的双向绑定是如何工作的呢? A: 原理上还是挺简单的: 声明Observable的时候记住当前的值, var personName = ko.observable(&qu ...

knockoutjs visible

knockoutjs visible相关推荐

最新文章

热门文章