处理Ember视图中的单击事件

Question

我想在点击下面的链接时展开ol元素。我知道如何在点击ol时自动展开。

App.MemberListingView = Ember.View.extend({
  isExpanded: false,
  classNameBindings: ['isExpanded'],
  click: function() {
    return this.toggleProperty('isExpanded');
  }
});

模板：

{{#view 'App.MemberListingView'}}
    <ol class="member-listing">
        {{#each}}
          {{user-card user=this}}
        {{/each}}
    </ol>
    <a href="#">Click here to see all</a>
{{/view}}

我希望我的锚元素是点击触发器，而不是ol本身。我该怎么做呢？我是否必须为链接编写单独的视图？

Answer 1

我对Ember仍然很新，但这应该有用 -

{{#view 'App.MemberListingView'}}
    <ol class="member-listing">
        {{#each}}
          {{user-card user=this}}
        {{/each}}
    </ol>
    <a href="#" {{action 'expandIt' target='view'}}>Click here to see all</a>
{{/view}}

在您的视图（或控制器）中 -

App.MemberListingController = Ember.Controller.extend({
  isExpanded: false,
  classNameBindings: ['isExpanded'],
  actions: {
    expandIt: function() {
        return this.toggleProperty('isExpanded');
    }
  }
});