javascript - Ember 无法将参数传递给操作

Question

无论我输入什么值，或者将其更改为onclick =“{{action ...}}”，它都会不断地给我未定义的值。我确实尝试了所有我能想到的组合。我什至使用 a 标签来查看是否会保存该值。我完全不确定应该如何获取此图像网址。

这是在 ember 中，我在代码的其他部分使用了 {{action "function name"}} 组合，但这是唯一不起作用的部分。

模板文件

<div class="gif-display">
              {{#each giffy as |gif index|}}
                  <img width="150px" {{action "selectGIF" value=gif}} src={{gif.images.original.url}}>
              {{/each}}
</div>

Controller 类

selectGIF: function (num) {
  console.log("num", num)
  let newPost = this.store.createRecord('post', {
    email: this.get("session.currentUser.email"),
    body: `${gifs[num].images.original.url}`,
    timestamp: new Date().getTime(),
    image: true
  });
  gifs = ''
  newPost.save()
}

是的，我已经测试过它是否甚至运行该功能，并且它确实运行并且图像确实显示，所以这也不是问题。

我的问题是，是否可以将参数传递给这个函数。如果没有，有解决方法吗？我应该使用辅助函数吗？

谢谢!

Answer 1

函数参数列表是索引列表，而不是键值集合。因此，将参数作为键值对传递是错误的。相反，参数应该直接在操作名称之后提供给帮助程序，作为引用或文字值的空格分隔列表:

<img {{action "selectGIF" gif}} />

来源:https://guides.emberjs.com/v3.0.0/templates/actions/#toc_action-parameters

<小时/>

此页面还显示可以将键值对提供给操作帮助程序，但这些是帮助程序执行的参数，而不是实际操作的执行。