I have a very basic idea implemented of what I was thinking about data linking in MVVM style http://jsfiddle.net/samarjit/3bR83.
It's a two way live binding without templates. Any changes to the model changes the content of text box and vice-versa.
- { "f_name": "change1", "l_name": "me" }
- <pre id="bounddata"></pre>
- <div id="app" data-can-container="true" >
- First Name:<input type="text" name="fname" id="fname" data-can-link="f_name" /><br/>
- Last Name:<input type="text" name="lname" id="lname" data-can-link="l_name" /><br/>
- Full Name (computed):<input type="text" name="fullname" id="fullname" data-can-link="fullName" /><br/>
- Email:<input type="text" name="email" id="email" data-can-link="email" />
- </div>