当用户单击按钮并且服务器正在处理一些数据时，我想使用knockout.js禁用该按钮。我正在看淘汰教程中的示例，但似乎缺少一些内容。
我在data-bind:中有enable:部分
<body>
<form id="form1" runat="server" >
<h1 style="text-align: center">Select the item(s) you want.</h1>
<br />
<br />
<div id="buttons" style="text-align: center">
<button data-inline="true" data-bind="click: submit, enable: canSubmit" >Submit</button>
<button data-inline="true" data-bind="click: cancel">Cancel</button>
</div>
我已将视图模型中的可观察项设置为false。但是，按钮是在视图初始化时在页面上启用。所以我认为这是一个数据绑定问题。
function ViewModel() {
var self = this;
self.selectedItems = ko.observableArray([]);
// we should start off not being able to click the submit button
self.canSubmit = ko.observable(false);
};
我想启用该按钮，直到用户单击提交按钮，然后禁用它，直到服务器完成它的工作。
self.submit = function () {
// disable submit button
self.canSubmit = false;
// do stuff
self.canSubmit = true;
};
如何将enable可观测值绑定到按钮？
您错误地用直接的js变量替换了您的observable。canSubmit是可观察的，因此通过调用函数来更改其值：
self.submit = function () {
// disable submit button
self.canSubmit(false);
// do stuff
self.canSubmit(true);
};
其余的都很好。
您不是在更新可观察值，而是在更改self-ca的引用。提交它，使其指向布尔值。
将您的self.submit功能更改为：
self.submit = function () {
// disable submit button
self.canSubmit(false);
// do stuff
self.canSubmit(true);
};