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

您可以通过为 {{action}}} 助手指定值选项来修改操作的第一个参数。

语法

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

示例

以下示例显示使用带有值选项的 {{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 服务器，您将获得输入框以输入值 −

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

emberjs_template.html