如何使用Knockout的observables动态禁用文本框？

Question

我正在实施注册表单，当我点击提交按钮时，我想使用Knockout禁用文本框。

我曾尝试以下：

var viewModel = { 
    Textboxcontrol: ko.observable(true), // by default textbox is enable to edit 
    Register: { 
     Init: function() { 
     Textboxcontrol= false; // Updating the value to false 
           // so Textbox should be disabled. 
    } 
}; 

ko.applyBindings(viewModel); 

在UI我写了如下

<input data-bind="value: Name, enable: Textboxcontrol" 
     type="text" autocomplete="off" /> 

但问题是，如果我的值更改为Textboxcontrol= false;也是其考虑的价值，因为只有True。 。和文本框不禁用。

Answer 1

由于Textboxcontrol是一个可观察对象，因此必须通过调用它作为函数来更改它的值。另外，您必须使用this访问“Init”函数内的Textboxcontrol属性：

var viewModel = { 
    Name: ko.observable(''), 
    Textboxcontrol: ko.observable(true), 
    Register: { 
    Init: function() { 
     this.Textboxcontrol(false); 
    } 
    } 
}; 
ko.applyBindings(viewModel);