修改Action的第一个参数(Modifying Action's first Parameter)
优质
小牛编辑
143浏览
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服务器,您将获得输入框以输入值 -

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