EmberJs:分页示例中未触发的组件操作

Question

我按照这个分页教程进行操作，但无法让"下一页"/"上一页"工作。 http://webcloud.info/blog/2014/11/01/building-a-real-world-pagination-with-ember-js-the-right-way/

JSBIN - http://emberjs.jsbin.com/manetavule/2/

警报永远不会在点击事件中运行，知道我做错了什么吗？

Myapp.PaginatonBaseComponent = Ember.Component.extend({  
 tagName: 'button',
 classNames: 'btn btn-default'.w(),
 attributeBindings: ['disabled'],
 enabled: true,
 disabled: Ember.computed.not('enabled'),
 action: null,
 click: function(){
  alert('not triggered!');
  this.sendAction();
 }
});

Answer 1

1. 组件的名称拼写错误。

   而不是

   Myapp.PaginatonBaseComponent = Ember.Component.extend({

   它应该是

   Myapp.PaginationBaseComponent = Ember.Component.extend({

2. 您的（组件）按钮已禁用。这样做的原因是您传递enabled属性的值为 false 因此，您的 disabled 属性设置为与 enabled 属性相反，这使得它true并且您的按钮被禁用，因此click事件未运行。

   我在以下 jsbin 中修复了这两个问题，方法是 1） 正确拼写组件名称和 2） 显式disabled属性设置为 false（目前），以便您可以看到现在确实正在调用click处理程序。

http://jsbin.com/cuqada/1/edit?html,js,output