在输入助手中使用 Actions

Question

在 DOM 元素中使用动作助手可以正常工作：

<input value="123" {{action "someAction" on="click"}}

但是假设您正在使用输入助手生成输入字段：

{{input value=123}}

并且您想将完全相同的操作粘贴到此输入助手上..

docs 说：

" 要针对特定事件（例如输入或按键）发送操作，请使用以下内容

{{input value=123 key-press="updateFirstName"}} "

然而..

这段代码什么都不做：

{{input type="text" value=123 click="someAction"}}

我也试过这个：

{{input type="text" value=123 action="someAction" on="click"}}

我快要疯了。有人可以指出在 Ember 输入助手中使用操作的正确方法吗？

谢谢！

Answer 1

{{input value=123 key-press="updateFirstName"}}

以上代码可以正常工作。确保 updateFirstName 在所需的上下文中，如果它在模板中，那么它应该出现在控制器中，或者如果它在组件中，那么它应该出现在 component.js 文件中。

对于点击处理程序，您可以像下面这样尝试。

{{input value=appName click=(action "onClick")}}

你可以看看this twiddle。

using Actions inside the input helper