如何在Meteor中触发事件时插入元素?

时间:2014-12-11 15:50:10

标签: javascript events javascript-events meteor scope

如果我有这样的模板:

<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) {
    //...
  }
});

如何从事件处理程序中将元素添加到模板中的列表?

1 个答案:

答案 0 :(得分: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)
    }
});