knockout 第一个实例visible
2024-08-22 19:18:08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div data-bind="visible:shouldShowMessage">
You will see this message only when "shouldShowMessage" holds a ture
</div> <script type="text/javascript">
var myViewModel = {
shouldShowMessage:ko.observable(true)
};
ko.applyBindings(myViewModel);
setTimeout(function(){
myViewModel.shouldShowMessage(false);
},2000);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/knockout-3.4.0.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div data-bind="visible:myValues().length>0">
You will see this message only when "myValues" holds a ture
</div> <script type="text/javascript">
var myViewModel = {
myValues:ko.observableArray([])
};
ko.applyBindings(myViewModel);
setTimeout(function(){
myViewModel.myValues.push("name");
},2000);
</script>
</body>
</html>
来源:
http://knockoutjs.com/documentation/visible-binding.html
最新文章
- nginx反向代理下thinkphp、php获取不到正确的外网ip
- ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现
- sublime text3的安装与汉化
- SQL servcer 时间日期函数、数据类型转换
- listview默认选择第一项,点击换子项背景图
- buildroot linux filesystem 初探
- SQLite 入门教程(一)基本控制台(终端)命令 (转)
- 【剑指offer】和为定值的连续正数序列
- android 实现静默安装、卸载
- plsql developer连接64位Oracle11g的解决方法
- ios-->;制作ipa文件
- Java学习——使用Static修饰符
- DIY微型操作系统(1)—— 开发的准备
- C语言 函数参数不确定时 需要用到va_start和va_end函数
- 【转】服务器添加新用户用ssh-key 登录,并禁用root用户 密码登录
- WPF常用控件样式( 内含一简单插件式开发示例)
- Django - 权限(1)
- C#使用var定义变量时的四个特点
- python之 前端HTML/CSS基础知识学习笔记
- C++大数板子