当我执行下面的代码时，它会给我上面的错误？

Question

Uncaught ReferenceError: Unable to process binding "value: function(){return sumValBinding }" Message: sumValBinding is not defined 

这里我的HTML：

<div class="form-group"> 
       <label for="inputdefault">First number</label> 
       <input class="form-control" id="Textbox1" type="text"> 
      </div> 
      <div class="form-group"> 
       <label for="inputdefault">Second number</label> 
       <input class="form-control" id="Textbox2" type="text"> 
      </div> 
      <div class="form-group"> 
       <label for="inputdefault">Answer</label> 
       <input class="form-control" id="TextboxSum" type="number" data-bind="value:sumValBinding"> 
      </div> 
      <button type="button" class="btn btn-default" id="submit">Submit</button> 

================================== ============================================ 在这里Javascript/Knockout JS enter code here

$("#submit").click(function (e) { 
     debugger; 
     number1 = parseInt(document.getElementById("Textbox1").value); 
     number2 = parseInt(document.getElementById("Textbox2").value); 
     sumOfTwoNumber = number1 + number2; 
     console.log(parseInt(number2)); 
     //v = new viewModel(); 
     ko.applyBindings(new viewModel(), document.getElementById("TextboxSum")); 
    }); 
    var viewModel = function() 
    { 
     sumValBinding: ko.observable(sumOfTwoNumber) // Prepopulate 
     }; 

Answer 1

您的视图模型是一个构造函数，因此，你应该，如果你想拥有它的一个对象实例的属性分配给此：

var viewModel = function() { 
    this.sumValBinding = ko.observable(sumOfTwoNumber); 
}; 

或你的构造可以返回一个对象：

var viewModel = function() { 
    return { 
     sumValBinding: ko.observable(sumOfTwoNumber); 
    }; 
};