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 -->

一些想法：

使用foreach绑定时，您不需要绑定上的accessor（）（因此foreach：flights（）应该是foreach：flight），
在绑定中使用逻辑时，就可以了。含义data-bind =“text：Carrier + Number”应该是data-bind =“text：Carrier（）+ Number（）”（假设载体和数字是可观察的而不是标准属性）
您似乎没有特定于jQuery Mobile的任何内容，因此不清楚您将收到哪些错误，但您应该使用控制台查看它们，以帮助澄清问题。

如果您能澄清问题，我可以使您的答案更具体地针对您的问题。

使用JQM渲染挖空模板

1 个答案: