"visible" 绑定

用途

DOM元素的显示或者隐藏是根据绑定的值来的，前提是将visible绑定给该元素

例子

<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 hiddenviewModel.shouldShowMessage(true); // ... now it's visible againko.applyBindings(viewModel);
</script>

参数

主要参数

当这个参数是一个假值时（举例来说，布尔值的false , 数值0，或者null,或者undefined），绑定时候设置你的元素的style.display是none,从而使之隐藏起来。这个优先级要高于CSS中定义的
当这个参数是一个真值时（举例来说，布尔值是true,或者非空对象与数组），绑定时候移除你display的值，从来显示出来

注意：在CSS中你能配置任何display的风格（所以CSS的规则，比如display:table-row 在绑定之后也能很好的处理）

如果参数是监控属性observable的，那元素的visible状态将根据参数值的变化而变化，如果不是，那元素的visible状态将只设置一次并且以后不在更新。

附加参数：
- 无

注意：用函数或者函数表达式去控制元素的可见性

你也能用JavaScript函数或者任意的函数表达式作为一个参数值。

如果你这样做，KO将会运行这个函数或者函数表达式，并且用这个返回的结果来处理元素的可见性（显示与隐藏）。

例如

<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 visibleko.applyBindings(viewModel);
</script>

依赖：除KO核心类库外，无依赖。

Knockout 新版应用开发教程之visible绑定相关推荐

Wear OS手表应用开发教程之-Activity使用微光模式-AmbientModeSupport
本文目录点击直达 Wear OS手表应用开发系列教程点击直达本文标签 `路过的年轻人啊,你是要用左手点个赞呢,还是要右手点个关注呢` 前言: 使用方法: 结语: 最后我还有一句话要说: 人生下来 ...
运动控制卡应用开发教程之MATLAB
今天,正运动小助手给大家分享一下运动控制卡应用开发教程之MATLAB. 一 ECI2828硬件介绍 ECI2828系列运动控制卡支持多达16 轴直线插补.任意圆弧插补.空间圆弧.螺旋插补.电子凸轮. ...
Unity 2D游戏开发教程之2D游戏的运行效果
Unity 2D游戏开发教程之2D游戏的运行效果 2D游戏的运行效果本章前前后后使用了很多节的篇幅,到底实现了怎样的一个游戏运行效果呢?或者说,游戏中的精灵会不会如我们所想的那样运行呢?关于这些疑 ...
iOS 9应用开发教程之ios9中实现按钮的响应
iOS 9应用开发教程之ios9中实现按钮的响应 IOS9实现按钮的响应按钮主要是实现用户交互的,即实现响应.按钮实现响应的方式可以根据添加按钮的不同分为两种:一种是编辑界面添加按钮实现的响应:另一 ...
iOS 9应用开发教程之ios9的视图
iOS 9应用开发教程之ios9的视图了解IOS9的视图在iPhone或者iPad中,用户看到的和摸到的都是视图.视图是用户界面的重要组成元素.本节将主要讲解ios9视图的添加.删除以及位置和大小 ...
iOS 9应用开发教程之iOS 9新特性
iOS 9应用开发教程之iOS 9新特性 iOS 9开发概述 iOS 9是目前苹果公司用于苹果手机和苹果平板电脑的最新的操作系统.该操作系统于2015年6月8号(美国时间)被发布.本章将主要讲解iOS ...
Xamarin Anroid开发教程之Anroid开发工具及应用介绍
Xamarin Anroid开发教程之Anroid开发工具及应用介绍 Xamarin开发Anroid应用介绍如今智能手机已经盛行了好几年,而针对这些智能手机的软件开发也变得异常火热.但是在Andro ...
AppleWatch开发教程之Watch应用对象新增内容介绍以及编写运行代码
AppleWatch开发教程之Watch应用对象新增内容介绍以及编写运行代码添加Watch应用对象时新增内容介绍 Watch应用对象添加到创建的项目中后,会包含两个部分:Watch App 和 Wa ...
HealthKit开发教程之HealthKit的复合数据
HealthKit开发教程之HealthKit的复合数据复合数据就是复合单位和值构成的数据.所谓复合单位就是由单位进行乘法.除法等得到的单位,如m/s.lb·ft等就是复合单位.本节将针对这些复合数 ...

Knockout 新版应用开发教程之visible绑定

"visible" 绑定

例子

注意：用函数或者函数表达式去控制元素的可见性

Knockout 新版应用开发教程之visible绑定相关推荐

最新文章

热门文章