recursive binding tester

by grippstick

HTML

<link rel="stylesheet" href="http://babackofficedev.radolo.com/kendo/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://babackofficedev.radolo.com/Kendo/Styles/kendo.flat.min.css">
<script src="http://babackofficedev.radolo.com/Kendo/js/jquery.min.js"></script>
<script src="http://babackofficedev.radolo.com/Kendo/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://asaedev.radolo.com/kendo/styles/kendo.mobile.all.min.css">
<div id='container'> 
    <span data-bind='text:b.Name'></span>
 <span data-bind='text:b.a.Name'></span>

</div>

JavaScript

var a = {
    Name: 'Fred'
};
var b = {
    a: a,
    Name: 'Frank'
};

//i need this for my logic
//Uncaught RangeError: Maximum call stack size exceeded 
a.b = b;

var $container = $('#container');


var vm = new kendo.observable({
    b:b
});


kendo.bind($container, vm);