EmberJS - 发送操作

您可以使用事件处理程序将操作从组件发送到您的应用程序。

语法

{{comp_name action = "name_of_action"}}

示例

下面给出的示例指定将操作从组件发送到您的应用程序。创建一个名为 comp-yield 的组件，并使用以下代码打开在 app/components/ 下创建的组件模板文件 comp-yield.js −

import Ember from 'ember';

export default Ember.Component.extend ({
   actions: {
      compFunc: function () {
         this.set('title', "Hello...Welcome To Tutorialspoint...");
         
         //sendAction() 方法在组件
            used in a template
         this.sendAction();
      }
   }
});

打开 app/templates/components/ 下创建的 comp-yield.hbs 文件，并输入以下代码 −

<h2>Sending Actions to a Component</h2>
<input type = "button" value = "Click Here" {{action "compFunc"}} /><br/>
<p><b>{{title}}</b></p>
{{yield}}

创建 application.hbs 文件并添加以下代码 −

{{comp-yield title = title action = "compFunc"}}
{{outlet}} 

输出

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

单击按钮时，它将显示如以下屏幕截图所示的文本 −

emberjs_component.html