knockout.js - 使用 JQM 渲染剔除模板

Question

我有这段代码：

 <!--ko with: passengerDocs-->            
    <div data-bind="foreach: flights()">
     <div>
      <span data-bind="text: Carrier + Number"></span>
      <span data-bind="text: DepratureDateTime"></span>
      <span data-bind="text: Route"></span>
     </div>
    </div>
<!-- /ko -->

当我将它与 Jquery mobile 结合使用时，呈现的 HTML 为：

<div data-bind="foreach: flights()"></div>

虽然没有 JQM 参考，但我得到了上面的完整模板 html。

任何想法？

Answer 1

这是一个 JSFiddle，它是我对您正在尝试做的事情的最佳解释：http: //jsfiddle.net/NuaKf/2/

<!--ko with: passengerDocs-->     
<button data-bind="click: fillFlights">Fill Flights</button>
<div data-bind="foreach: flights">
 <div>
  <span data-bind="text: Carrier() + Number()"></span> - 
  <span data-bind="text: DepartureDateTime"></span> - 
  <span data-bind="text: Route"></span>
 </div>
</div>
<!-- /ko -->

一些想法：

1. 使用 foreach 绑定时，您不需要绑定上的访问器 () （因此 foreach: flight() 应该是 foreach: flight），
2. 在绑定中使用逻辑时，您可以这样做。含义 data-bind="text: Carrier + Number" 应该是 data-bind="text: Carrier() + Number()" （假设 Carrier 和 Number 是可观察的而不是标准属性）
3. 您似乎没有任何特定于 jQuery Mobile 的内容，因此不清楚您会因此收到什么错误，但您应该使用控制台查看它们，以帮助澄清问题。

如果您可以澄清问题，我可以针对您的问题做出更具体的回答。