[英]How do I data-bind = “visible : active” in div
嗨,这是我的代码片段:
<div class="showtimes" data-bind="visible: showHide">
<div data-bind="template: { name: 'movie-grouped-showtimes-template', data: $data }"></div>
</div>
我想使用以下showHide
关闭和打开showHide
:
<a class="icon arrow" data-bind="click: $parent.showtimes">
我不能只在视图模型中设置变量showHide
,如下所示:
self.showHide = ko.observable(false)
...隐藏
showHide(true);
... 节目
我可以使用click : $parent.showtimes
设置它click : $parent.showtimes
,如下所示:
<a class="icon arrow" data-bind="click: $parent.showtimes"></a>
您只需要在viewmodel中设置绑定到按钮单击的函数(或修改现有的函数,在这种情况下,如showTimes)即可切换showHide的值。
这是一个简单的示例: http : //jsfiddle.net/EfrainReyes/LNzDL/
var vm = {
showHide: ko.observable(false),
toggle: function() {
this.showHide( !this.showHide() );
}
};
ko.applyBindings(vm);
我没有在示例中添加任何其他元素,因为该问题似乎更倾向于显示/隐藏div。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.