knockout.js - knockoutJS 中的匿名模板

Question

我有一段代码在 knockout.js 中工作，如下所示:

<div>
    ... some other markup here

    <div class="topicDetail" data-bind='template: { name: "topicTemplate", data: activeTopic}'> </div>

</div>

<script type="text/html" id="topicTemplate">
    <ul class="querylist" data-bind='template: {name: "queryTemplate", foreach: queries}'></ul> 
</script>                                           

<script type="text/html" id ="queryTemplate">
    <li class="query" data-bind="css: { active: selected()}, queryType: type">
        <span class="querylink" data-bind="click: select">{{= text}}</span>
        <span data-bind="withdocs: positiveExamples"></span>
        <span data-bind='person: searcher'>&nbsp;</span>
        <span data-bind='time: time'></span>
    </li>
</script>

withdocs , person , 和 time是我的自定义绑定(bind)。我想我应该使用这样的匿名模板更简洁地重写它:

<div class="topicDetail" data-bind="with: activeTopic">
    <ul class="querylist" data-bind="foreach: queries">
         <li class="query">
            <span class="querylink" data-bind="click: select">{{= text}}</span>
            <span data-bind="withdocs: positiveExamples"></span>
            <span data-bind='person: searcher'>&nbsp;</span>
            <span data-bind='time: time'></span>
         </li>
    </ul>
</div>

但这失败并出现错误:

Uncaught Error: Unable to parse binding attribute.
Message: ReferenceError: queries is not defined;
Attribute value: foreach: queries

在 knockout-1.2.1.debug.js 的第 1226 行。这是指 UL数据绑定(bind)。

我创建了一个 jsfiddle抽象了这个问题，但 fiddle 有效。我还应该看什么来追踪这个？

Answer 1

如果您使用的是 knockout 1.2.1，如您所说:

...in line 1226 of knockout-1.2.1.debug.js. This refers to the UL data binding.

...那是你的问题。您需要使用 1.3.0 版本。参见 http://blog.stevensanderson.com/2011/08/31/knockout-1-3-0-beta-available/ 中的“控制流绑定(bind)”部分。更多细节。

你的 fiddle 奏效的原因是它使用了最新版本的 knockout 。