EmberJS - 模板操作参数

参数可以通过 {{action}} helper 传递给 action 处理程序。此 helper 传递的这些值将作为参数传递给 helper。

语法

<button {{action "action-name" argument}}>Click</button>

示例

以下给出的示例显示将参数传递给 action 处理程序。创建一个新路由并将其命名为 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 Tutorialspoint');
      }
   }
});

使用以下代码打开在 app/templates/ 下创建的 actionparam.hbs 文件 −

//passing the 'user' as parameter to a button
<button {{action "User" user}}>Click Here </button>
{{outlet}}

输出

运行 ember 服务器；你将收到以下输出 −

现在你单击按钮，用户 action 处理程序将被调用，其中包含 "user" 模型的参数。这进一步显示了以下结果 −