淘汰赛绑定迭代

Question

我有一个场景，基于 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>

我感觉代码重复。

有什么方法可以将两个 html 函数组合成一个函数？

由于其他原因，我只想更改 HTML 部分...

我是 Knockout 的新手。有人可以帮我吗？

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>