0

Observable フラグに基づいて、ABC と XYZ を繰り返す必要があるシナリオがあります。

現在のコード 

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

コードの重複を感じています。

2 つの html 関数を 1 つにグループ化する方法はありますか?

その他の事情でHTML部分だけ変更したいのですが…

ノックアウト初心者です。誰かが私を助けることができますか？

4

1 に答える 1

1

template確かに、これにはノックアウトバインディングを使用できます。詳しくはこちらをご覧ください。

したがって、変更の場合は以下のようになりますが、私が提供したリンクから読んだ内容に基づいてバリエーションを作成できます.

<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>
于 2016-07-13T05:34:58.000 に答える