我对 KnockoutJS 还比较陌生,我遇到了绑定(bind)问题,看不出问题所在。我尝试过各种方法,但似乎没有任何效果。我确信可能有一个简单的解决方案,只是我看不到!
我通过ajax调用数据并尝试显示文本框中数据中的一项,然后可以更新该项目。我在控制台中收到以下错误:
Uncaught ReferenceError: Unable to process binding "with: function (){return KHAViewModel }" Message: Unable to process binding "with: function (){return fundedWTEResults }" Message: Unable to process binding "textInput: function (){return ActualFundedWTE }" Message: ActualFundedWTE is not defined
下面是我的代码的精简版本,我用一些 JS 复制了我的 ajax 脚本。我也在 jsFiddle 上复制了它:
HTML
<div class="container">
<pre data-bind="text: ko.toJSON($data, null, 2)"></pre>
</div>
<div class="container" id="dateSearch" >
<h2></h2>
<form class="form-inline" data-bind="with: KHAViewModel">
<div class="form-group" data-bind="with: fundedWTEResults">
<span>Funded WTE: </span>
<input id="fundedWTE" data-bind="textInput: ActualFundedWTE">
</div>
</form>
</div>
JS
// KHA View Model
function KHAViewModel() {
var self = this;
self.fundedWTEResults = ko.observableArray([]);
function fundedWTE (team) {
// $.ajax({
// url: "/...",
// type: "POST",
// ...........
// });
var r = [{"Team":team,"ActualFundedWTE":12.00}];
ko.mapping.fromJS(r, {}, self.fundedWTEResults);
}
fundedWTE('TeamA');
}
// Master View Model
function masterVM() {
var self = this;
self.KHAViewModel = new KHAViewModel();
};
// Activate Knockout
ko.applyBindings(new masterVM());
最佳答案
看来 @user3297291 已经非常迅速地解决了您的问题。
使用 ko.dataFor 和 ko.contextFor 是将来在调试此类问题时对您有所帮助的一个技巧。特别是如果您使用的是 Chrome,控制台上的 $0 指的是开发人员工具中当前选定的元素。
选择您要调查的元素,然后在开发控制台中输入:
ko.dataFor($0)
ko.dataFor(document.getElementById("fundedWTE")) //Equivalent to this
它将显示该元素所绑定(bind)的内容,这通常足以帮助您了解绑定(bind)上下文的实际情况。
ko.contextFor 为您提供更多信息,如果您正在使用 $root、$parent、$parents 等,这会很方便。
关于javascript - Knockout - 无法处理绑定(bind) - 带有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44153988/