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>

我感觉代码重复。

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

由于其他一些原因，我只想更改 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 回答