如何使用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);