knockout "X is not defined“错误

Question

我有一个击倒模型，并且得到一个我不理解的错误。

下面是令人不快的代码部分：

<!-- ko with: SearchModel -->
...
            <img class="search-img" data-bind="visible: searching" src="@Url.Content("~/Static/Hypercube_Large_Light_Transparent.gif")" height="30" />
            <img id="searchIcon" class="search-img" data-bind="visible: !searching()" src="@Url.Content("~/Static/search_icon.png")" height="30" />
...
<!-- /ko -->

在SearchModel.js中：

...
this.searching = ko.observable(false);
...

在第二次引用searching时，我得到了一个错误。第一个错误解决得很好，并且没有其他错误。奇怪的是，代码实际上是有效的，所以每当我将searching变量更改为true时，第二个图像将消失，第一个图像出现，然后当我将其更改回false时，第一个图像消失，第二个图像出现。

Uncaught ReferenceError: Unable to parse bindings.
Bindings value: visible: !searching()
Message: searching is not defined

Answer 1

我怀疑您需要在绑定with之前检查SearchModel是否存在。

类似于：

<!-- ko if: SearchModel() -->

或者更具体的：

<!-- ko if: SearchModel() !== 'undefined' && SearchModel() !== null -->

您还可以根据视图模型的层次结构，创建一个ko.pureComputed来检查SearchModel的存在，并在HTML中使用如下代码：

<!-- ko if: SomePureComputed -->