EmberJS - 模板操作参数

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

语法

<button {{action "action-name" 参数}}>Click</button>

示例

以下示例显示将参数传递给操作处理程序。使用以下代码创建一个新路由并将其命名为 actionparam.js −

import Ember from 'ember';

export default Ember.Route.extend ({
   actions: {
      //将'user'作为参数传递给用户函数
      User: function (user) {
         document.write('Welcome.. To Tutorialspoint');
      }
   }
});

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

//将"user"作为参数传递给按钮
<button {{action "User" user}}>单击此处 </button>
{{outlet}}

输出

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

现在您单击按钮，将使用包含"user"模型的参数调用 User 操作处理程序。这进一步显示以下结果 −

emberjs_template.html