Knockout foreach生成动态数据绑定项

Question

以下是我正在尝试的代码，

<ul data-bind="foreach: currentStepCollection()">
    <li id="ap-li1" class="wizar-li" data-bind="css: { active: id == currentStep().id }">
        <span class="step" data-bind="text: id"></span>
        <span class="title" data-bind="text: name"></span>
    </li>
</ul>

我正在尝试迭代一个observableArray，每个列表项都需要应用＆＃34; active＆＃34;风格如果＆＃34; id＆＃34;迭代项的属性等于currentStep().id knockout observable。 currentStep()是视图模型中的一个可观察对象。

我收到以下错误，

  

knockout-3.4.0.debug.js：3326 Uncaught ReferenceError：无法处理绑定＆＃34; foreach：function（）{return currentStepCollection（）}＆＃34;   消息：无法处理绑定＆＃34; css：function（）{return {complete：1＆lt; currentStep（）。id，active：1 == currentStep（）。id}}＆＃34;   消息：currentStep未定义

是否可以通过淘汰赛来实现这一目标？

当我尝试使用简化版时，

                                                

每次迭代只设置data-bind="css: { active: id == 1}"我期待1 == 1,2 == 1,3 ==。

我在这里错过了什么吗？