windows-8 – Windows 8 HTML / JavaScript Metro Apps中的双向

我的代码看起来像那样(由于我这里没有代码而写在我脑海中)

视图：

<form data-win-bind="onsubmit: onCalculate">

<div class="field">
    Product Name:
    <input type ="number" data-win-bind="text:value1"/>
</div>
<div class="field">
    Product Price:
    <input type ="number" data-win-bind="text:value2"/>
</div>
<div class="field">
    Result
    <br />
    <span data-win-bind="innerText: result" />
</div>
</form>

JavaScript的

var model= WinJS.Class.define(
function() {
          this.onCalculate = calculate.bind(this);
          this.value1 = 0;
          this.value2 = 0;
          this.result = 0; 
          },{
            value1: 0,value2: 0,result: 0
            calculate: function() {
                this.result = this.value1 + this.value2;
                return false;
            }
        },{});
// Make the model Observable
var viewModel = WinJS.Binding.as(new model());

WinJS.Binding.processAll(null,viewModel);

当我应用绑定时,ui显示我的初始值.表单子目录与calculate函数正确连接.但是,值1和值2的值不会随用户输入更新.

我想要实现的是让我的JavaScript不知道底层视图.所以我不想为JavaScript中的html输入字段连接更改事件.

有没有办法用纯WinJS来实现这个目标？到目前为止,我发现的所有示例只进行单向绑定,并使用事件侦听器通过UI的更改来更新ViewModel.