KO, nested observable

by Jorge Bustos Pereda

HTML

<script src="https://code.jquery.com/jquery-1.11.0.js"></script>
<h1 data-bind="text: titulo">Antes de bindings</h1>
<p>x=<span data-bind="text: valores.x"></span></p>
<p>y=<span data-bind="text: valores.y"></span></p>

CSS

body {
    font-family: segoe, arial;
}
h1,h2,h3,h4,h5,h6,p,div {
    margin: 0;
    border: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-family: verdana;
}
h1 {
    font-size: 16pt;
}
h2 {
    font-size: 14pt;
}
h3 {
    font-size: 13pt;
}
p {
    font-size: 10pt;
}
}

JavaScript

var model = {
    titulo: ko.observable('Minimum KO fiddle'),
    valores: {
        x: ko.observable('12'),
        y: ko.observable(4),
    },
};
ko.applyBindings(model);