1-4visible.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<input type="text" data-bind="visible:showValue"/>
	<b>通过使用函数表达式来控制visible的显示隐藏</b>
	<div data-bind="visible:DivShow().length>0">显示</div>

	<span data-bind="text:userName"></span>
	<div data-bind="html: details"></div> 

	</body>

	<script type='text/javascript' src='js/knockout.js'></script>

	<script>
	
		var ViewModel = function() {
			var self = this;
			//隐藏元素
			self.showValue = ko.observable(false);
			//这里没内容，就隐藏div  数组中有内容，就显示
			self.DivShow = ko.observableArray([]);
			self.DivShow2 = ko.observableArray([1,2]);

			self.userName = ko.observable({name:"12"});

			self.details = ko.observable("<em>For further details, view the report <a href='report.html'>here</a>.</em>");
			
		};
		
		//实例化一个viewModel
		var currentViewModel = new ViewModel();
		
		ko.applyBindings(currentViewModel);
	
		
		
		
	</script>
</html>