MeteorJS 如何将按钮放在与#each 中的内容相对应的 {{#each}} 块中？

Question

抱歉，标题太乱了，但我有好友请求列表，我想在它旁边放一个按钮来接受好友请求。问题是显然没有静态数量的请求，所以我需要在 foreach 中完成。但是我怎样才能使按钮对应于我在它旁边显示的用户名？

我有这个 html

Pending Friend Requests:
    <br><br>
    {{#each getRequests}}
        {{requester}}
    {{/each}}

我希望在请求者旁边生成一个按钮，以便我可以使用 JS 后端来接受请求。

Answer 1

试试这样的东西：

{{#each getRequests}}
  <p>Requested by: {{requester}}</p>
  <button class="accept">accept</button>
{{/each}}

Template.myTemplate.events({
  'click .accept': function() {
    // do something useful here with requester?
    console.log(this.requester);
  }
});

关键的见解是 #each 改变了模板块和相关事件的上下文。因此，您的事件处理程序可以访问 requester 以及请求中定义的任何其他内容。

MeteorJS how can I put buttons in a {{#each}} block that corresponds to the thing inside the #each?