动作参数(Action Parameters)
优质
小牛编辑
129浏览
2023-12-01
可以在{{action}}帮助器的帮助下将参数传递给动作处理程序。 使用此帮助程序传递的这些值将作为参数传递给帮助程序。
语法 (Syntax)
<button {{action "action-name" argument}}>Click</button>
例子 (Example)
下面给出的示例显示了将参数传递给操作处理程序。 创建一个新路由并使用以下代码将其命名为actionparam.js -
import Ember from 'ember';
export default Ember.Route.extend ({
actions: {
//passing the 'user' as parameter to the User function
User: function (user) {
document.write('Welcome.. To xnip');
}
}
});
使用以下代码打开在app/templates/下创建的actionparam.hbs文件 -
//passing the 'user' as parameter to a button
<button {{action "User" user}}>Click Here </button>
{{outlet}}
输出 (Output)
运行ember服务器; 你会收到以下输出 -
现在单击该按钮,将User包含“user”模型的参数调用User操作处理程序。 这进一步显示以下结果 -