1. WIKI教程
2. 学习EmberJS
3. 指定事件类型(Specifying the Type of Event)

指定事件类型(Specifying the Type of Event)

可以使用on选项在{{action}}帮助程序上指定替代事件。

语法 (Syntax)

<button {{action "action-name" on = "event-name"}}>Click</button>

例子 (Example)

下面给出的示例指定{{action}}帮助程序上的替代事件。 创建一个新路由并使用以下代码将其命名为post-action.js -

import Ember from 'ember';
export default Ember.Component.extend ({
   actions: {
      //toggling the text
      toggleBody: function () {
         this.toggleProperty('isShowing');
      }
   }
});

使用以下代码打开在app/templates/下创建的post-action.hbs文件 -

<button {{action "toggleBody" on = 'click'}}>{{title}}</button>
{{#if isShowing}}
<h2>Welcome to IoWiki</h2>
{{/if}}
{{outlet}}

接下来，使用以下代码打开在app/templates/下创建的application.hbs文件 -

{{post-action title = "Click Me"}}
{{outlet}}

输出 (Output)

运行ember服务器; 你会收到以下输出 -

接下来，单击按钮， {{action}}帮助程序触发指定元素上的操作并显示以下结果 -