修改操作的第一个参数的模板

可以通过为 {{action}} 帮助程序指定 value 选项来修改操作的第一个参数。

语法

<input type = "text" value = {{name}} onblur = {{action "action-name"}} />

示例

下面给出的示例显示了如何使用具有 value 选项的 {{action}} 帮助程序修改操作的第一个参数。创建新组件，并使用以下代码将其命名为 post-action.js −

import Ember from 'ember';

export default Ember.Component.extend({
   actions: {
      actionFirstParameter(newName) {
         document.write('Name is:'+' '+newName);
      }
   }
});

使用以下代码打开在 app/templates/ 下创建的 post-action.hbs 文件 −

<label>Enter the name:</label>
<input type = "text" value = {{yourName}} onblur = 
   {{action "actionFirstParameter" value = "target.value"}} />
{{outlet}}

接下来，使用以下代码打开在 app/templates/ 下创建的 application.hbs 文件 −

{{post-action}}
{{outlet}}

输出

运行 ember 服务器，你将看到输入框以输入值 −

它将显示输入字段的值，其中用户已说明如下面的屏幕截图所示 −