Artifact a87aeadb0c8c9705327f23125d7c9cdf38afd74e8712bd7b75b0f6b0a4bc57f8:

• File public/riot-3.13.2/test/tag/loop-context.tag — part of check-in [12a9bb700d] at 2021-08-11 18:56:04 on branch trunk — Import from git Added a changelog (user: dev size: 858)

<loop-context>

  <li each={ items }>
    <a onclick={ toggle }>{ title }</a>
    <a onclick={ remove }>remove</a>
    <a onclick={ fn }>fn</a>
    <span if={ done }>{ parent.rand }</span>
  </li>

  <button onclick={ random }>Set random</button>

  var self = this

  this.items = [
    { title: 'Existing #1', done: true },
    { title: 'Existing #2', fn: function() {
      self.items[2].title = 'kissala'
      self.update()
    }}
  ]

  toggle(e) {
    var item = e.item
    item.done = !item.done
  }

  remove(e) {
    var i = self.items.indexOf(e.item)
    self.items.splice(i, 1)
  }

  random() {
    self.rand = ('' + Math.random()).slice(10)
  }

  this.random()

  // add new items
  setTimeout(function() {
    self.items.unshift({ title: 'Top #1' })
    self.items.push({ title: 'Bottom #new' })
    self.update()

  }, 100)

</loop-context>