Knockout.js 使用JQM呈现淘汰模板

Knockout.js 使用JQM呈现淘汰模板,knockout.js,jquery-mobile,Knockout.js,Jquery Mobile,我有一段代码: <!--ko with: passengerDocs--> <div data-bind="foreach: flights()"> <div> <span data-bind="text: Carrier + Number"></span> <span data-bind="text: DepratureDateTime"></spa

我有一段代码:

 <!--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的完整内容


有什么想法吗?

以下是我对您尝试做的事情的最佳解释:


加满航班
- 
- 
一些想法:

  • 使用foreach绑定时,绑定上不需要访问器()(因此foreach:flights()应该是foreach:flights)
  • 当在绑定中使用逻辑时,您需要这样做。含义数据绑定=“text:Carrier+Number”应该是数据绑定=“text:Carrier()+Number()”(假设载体和数字是可观察的,而不是标准属性)
  • 这里似乎没有jQuery Mobile特有的内容,因此不清楚您会因此收到什么错误,但您应该使用控制台查看这些错误,以帮助澄清问题

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

    当我将其与Jquery mobile结合使用时,呈现的HTML是:?什么?您收到的错误是什么?一些想法:当使用foreach绑定时,您的绑定不需要访问器
    ()
    (因此
    foreach:flights()
    应该是
    foreach:flights
    ),但在绑定中使用逻辑时,您需要。意思是
    data bind=“text:Carrier+Number”
    应该是
    data bind=“text:Carrier()+Number()”
    (假设Carrier和Number是可观察的,而不是标准属性)
    <!--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 -->