matchdav/ko-deferred-binding.html

## ko-deferred-binding.html
<html>
<head>
    <title></title>
</head>
<body>
    <div id="bindme">
        <p data-bind="text:prop"></p>
    </div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>

<script type="text/javascript">
function TestView(prop) {
    this.loaded = ko.observable(false);
    this.prop = ko.observable(prop);
}
var tv = new TestView('Hi there');

alert(tv.prop());
alert(tv.loaded());

tv.loaded.subscribe(function(isLoaded){
    if(isLoaded) ko.applyBindings(tv,document.getElementById('bindme'));
});

setTimeout(function(){
    tv.loaded(true)
}, 1000);

</script>
</body>
</html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<div id="bindme">
	<p data-bind="text:prop"></p>
	</div>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>

	<script type="text/javascript">
	function TestView(prop) {
	this.loaded = ko.observable(false);
	this.prop = ko.observable(prop);
	}
	var tv = new TestView('Hi there');

	alert(tv.prop());
	alert(tv.loaded());

	tv.loaded.subscribe(function(isLoaded){
	if(isLoaded) ko.applyBindings(tv,document.getElementById('bindme'));
	});

	setTimeout(function(){
	tv.loaded(true)
	}, 1000);

	</script>
	</body>
	</html>