当前位置: 首页 > 文档资料 > EmberJS 入门教程 >

修改Action的第一个参数(Modifying Action's first Parameter)

优质
小牛编辑
133浏览
2023-12-01

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

语法 (Syntax)

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

例子 (Example)

下面给出的示例显示了使用{{action}} helper with value选项修改操作的第一个参数。 创建一个新组件,并使用以下代码将其命名为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}}

输出 (Output)

运行ember服务器,您将获得输入框以输入值 -

Ember.js模板首先修改操作参数

它将显示输入字段的值,用户提到的位置如下面的屏幕截图所示 -

Ember.js模板首先修改操作参数