点击按钮时,Knockout提交绑定

时间:2016-07-05 07:00:29

标签: javascript html knockout.js

我正在尝试在输入框中输入文本,以便在单击按钮时应用于页面。我正在使用提交绑定,但无法弄清楚我做错了什么。

HTML:

<form data-bind="submit: doSomething">
<label>
  <input data-bind='value: showText' />
</label>
  <button type="submit">button</button>
</form>
  <h1><span data-bind='text: fullText'> </span></h1>

JS:

var ViewModel = function(text) {
  this.showText = ko.observable(text);

  this.doSomething : function(formElement) {

    this.fullText = ko.computed(function(){
      return this.showText();
    }, this);
 }
};

ko.applyBindings(new ViewModel());

1 个答案:

答案 0 :(得分:1)

第一个错误:

tag

应该是

this.doSomething : function(formElement) {

第二个错误:

this.doSomething = function(formElement) {

是在函数内部定义的,但是在绑定到viewModel时使用它。

我已使用固定代码准备jsfiddle