在输入助手中使用 Actions

Question

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

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

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

{{input value=123}}

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

该文件说：

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

{{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")}}

你可以看看这个 twiddle。