如何在 Meteor 中觸發的事件上插入元素？

Question

如果我有這樣的模板：

<template name="myTemplate">
  <ul>
    <li>We're</li>
    <li>all</li>
    <li list items</li>
  </ul>

  <button>My Button</button>
</template>

我的事件處理程序如下所示：

Template.myTemplate.events({
  'click button': function(e, t) {
    //...
  }
});

如何從事件處理程序向模板中的列表添加元素？

Answer 1

您可以使用普通的 DOM 操作：

Template.myTemplate.events({
    'click button': function(e, t) {
        var ul = t.find('ul')
        var newLi = document.createElement('li')
        newLi.innerHTML = "Hello!"
        ul.appendChild(newLi)
    }
});