javascript - Ractive.js 继续和中断循环

Question

我有一个正在迭代的列表:

<ul>
    {{#list}}
    <li>{{this.value}}</li>
    {{/list}}
</ul>

如果 {{this.hidden}} 为 true，我将如何继续循环？

我想做这样的事情:

{[#if this.hidden]} {[continue]} {[/if]}

这可以用 RactiveJS 实现吗？

Answer 1

我不相信 Ractive Mustaches 中有 break 或 continue 语句(或类似的东西)，至少根据他们的文档。不过，您仍然可以达到相同的效果。

不要根据某些条件继续，而只需处理相反的条件。

{[#if !this.hidden]} {[do whatever...]} {[/if]}

不要中断循环，而是在绑定(bind)之前过滤数组。

var listModified = [];
for (var i=0; i < ractive.get("list").length; i++) {
    if (/* some condition */)
        break;
    listModified.push(ractive.get("list")[i]);
}