JsViews - Hello World

by johnpapa

HTML

<script src="https://raw.github.com/BorisMoore/jsviews/master/jsrender.js"></script>
<script src="https://raw.github.com/BorisMoore/jsviews/master/jquery.observable.js"></script>
<script src="https://raw.github.com/BorisMoore/jsviews/master/jquery.views.js"></script>
<script id="personTmpl" type="text/x-jquery-tmpl">
<div>
    First Name: <input data-getfrom="[person.firstName]" data-to="[person.firstName]" /><br/>
    Last Name: <input data-getfrom="[person.lastName]"  data-to="[person.lastName]"/><br/>
    Full Name is 
    <span data-getfrom="[person.firstName]" /> 
    <span data-getfrom="[person.lastName]" />
</div>
</script>

<div id="personContainer"></div>

JavaScript

var vm = {
    person: {
        firstName: "John",
        lastName: "Papa",
        showIt: "hidden",
        deco: "line-through"
    }
};

$("#personContainer").link(vm, "#personTmpl");