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

动作参数(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服务器; 你会收到以下输出 -

Ember.js模板操作参数

现在单击该按钮,将User包含“user”模型的参数调用User操作处理程序。 这进一步显示以下结果 -

Ember.js模板操作参数