$parent.inState 不是 Knockout JS 的函数错误

Question

我正在使用命名模板并将数据列表绑定到该模板。绑定效果很好，但我在 $parent.inState() 调用时收到错误。看下面的示例：

<div data-bind="template: { name: 'peopleScript', data: people }"> </div>

<script id="peopleScript" type="text/html">
    <ul data-bind="foreach: people">
        <li>
            Name: <span data-bind="text: name"> </span>
            State: <span data-bind="{ text: state, css: { outOfState: !$parent.inState($data) } }"> </span>

            <span data-bind="visible: ($parent.inState($data))">
                In State
            <span>

            <a href="#" data-bind="click: $parent.removePerson">Remove</a>
        </li>
    </ul>
    <button data-bind="click: addPerson">Add</button>
</script>

它说 $parent.inState 不是一个函数。我也尝试过 $parents ，但没有成功。我知道应用绑定的代码有效；如果我只是内联模板，效果就很好。我也知道其他一切都设置正常，并且它可以很好地访问该方法。所以只是由于某种原因找不到 inState 。

有什么想法吗？

谢谢。

Answer 1

当您将 data 作为人员传递时，您需要对 $data 进行 foreach （除非您的结构确实是 people.people 。

您可以这样做：

<div>
  <ul data-bind="template: { name: 'peopleScript', foreach: people }"></ul>
</div>

只需在模板中或使用当前结构中的 li ，即可在 $data 上执行 foreach .

inState 的问题在于 template 创建一个作用域，然后 foreach 绑定创建另一个作用域，因此，当您进入其中时，您必须使用 来执行此操作。 >$parents[1] 例如：http://jsfiddle.net/rniemeyer/RNWML/ 或者如果真的位于顶层，那么使用 $root 是最简单的选择，例如： http ://jsfiddle.net/rniemeyer/RNWML/2/