车把循环查看更多内容

Question

我有一个把手循环，它从 ajax 调用中迭代一些值。问题是我只想显示 4 个结果并放置一个查看更多按钮，当单击它时，会显示另外六个值..

<ul>
{{each events}}
   <li>{{event_name}}</li>
{{/each}}
<li><a href="#">View More Events</a></li>
</ul>

如何将循环限制为仅显示 4 个事件，然后单击查看更多事件以显示另外 6 个事件。我尝试使用 jquery，但它似乎对车把有一些干扰，并且什么也没发生..

Answer 1

Here 你有一个工作示例。基本上，您使用每个元素的index 和helper 来设置显示的元素的限制，并使用button（或任何其他元素/组件）激活操作seeMore，这将切换每个使用的元素从显示一组有限值到显示所有值。