Durandal의 경우 knockout js

Question

내게있어서 이것이 작동하지 않는 이유를 알 수 없습니다. div에있는 두 제품을 모두 포장하려고합니다. 첫 번째 제품은 잘 작동하지만, 두 번째는 내가

Answer 1

한 문제의 시작과 끝 태그의 위치입니다 잘못된려고하고 데이터

<div class="prods" data-bind="foreach: products"> 
    <!-- ko if: $index()%2 == 0 --> 
     <div class="prodset"> 
      <div class="paneProduct"> 
       <div class="title" data-bind="html: product_title"></div> 
       <div data-bind="html: $index()"></div> 
      </div> 
    <!-- /ko --> 
    <!-- ko if: $index()%2 == 1 --> 
      <div class="paneProduct"> 
       <div class="title" data-bind="html: product_title"></div> 
       <div data-bind="html: $index()"></div> 
      </div> 
     </div> 
    <!-- /ko --> 
</div> 

어떤 생각을 결합하지 않습니다 중 하나 <!-- ko --> 또는 <div class="prodset"> 그런데 그 순간에 서 있기 때문에 늘 개구부 올바른 HTML 렌더링 및 테 이미 div 태그

http://jsfiddle.net/gonefishern/ALBGQ/

Answer 2

코멘트/답변을 폐쇄 당신이 잘못 가고있는 곳 - 다른 질문으로 @michael-best has explained this well.

수행하려는 작업을 수행하려면 데이터를 쌍으로 분할 한 다음 쌍을보기에 바인딩하는 것이 가장 좋습니다. 개별 제품마다 동일한 HTML이있는 경우 템플릿 바인딩을 사용하는 것이 가장 좋습니다. Here's a JSBin that shows one way to achieve this.