ノックアウトは、反復

Question

を結合私は、コードの重複を感じてい

<div data-bind="visible: isEnabled"> 
      <ul data-bind="foreach: relatedObservalableArray"> 
       <li> 
       <!-- Hundred lines of code> 
       </li> 
      </ul> 
</div> 


<div data-bind="visible: !isEnabled"> 
     <ul data-bind="foreach: unRelatedObservalableArray"> 
       <li> 
       <!-- Same Hundred lines of code> 
       </li> 
      </ul> 
    </div> 

ABCとXYZ

現在のコードを反復処理する必要が観察可能フラグに基づいてシナリオを持っています。

2つのhtml関数を1つにまとめることはできますか？

私はノックアウトに新しいです起因する他のいくつかの...

にHTMLの一部にのみ変更したいです。誰か助けてくれますか？

Answer 1

確かにノックアウトtemplateバインディングを使用することができます。 続きを読むhere

変更のために、以下のようになりますが、私が与えたリンクから読んだものに基づいてバリエーションを作ることができます。

<script type="text/html" id="template-name"> 
    Hundred lines of code... 
</script> 

<div data-bind="visible: isEnabled"> 
    <ul data-bind="foreach: relatedObservalableArray"> 
    <li data-bind="template: 'template-name'"> 
    </li> 
    </ul> 
</div> 


<div data-bind="visible: !isEnabled"> 
    <ul data-bind="foreach: unRelatedObservalableArray"> 
    <li data-bind="template: 'template-name'"> 
    </li> 
    </ul> 
</div>