riotでtag中で連想配列を何回目かにbreakさせたいのですが

Question

riotでtag中で連想配列を何回目かにbreakさせたいのですが、スマートな書き方をおしえてください。

<div each={ hoges in opts.hoges }>
    <p>{}<p>
</div>

opts.hogesには20個入っているが、ある条件の時だけ5回で終了させたい

Answer 1

途中でbreakさせるのは難しいので、this.hogeWrapperのような関数を作って、

• ある条件を満たしたら5個だけ返す
• そうでないときは全部返す

ようにして、返り値でeachするというのがいいのではないかと思います。

---

<div each={ hoges in hogeWrapper() }>
    <p>{}<p>
</div>

<script>
  this.hogeWrapper = function(){
    if(opts.hogesが条件を満たす) return opts.hoges.slice(0, 5)
    return opts.hoges
  }
</script>

Comments

[roooo]

ありがとうございます。もう少しコードレベルで教えてもらえますでしょうか？

[maisumakun]

コードに起こしてみました。