ember.js - 如何将值和 onclick 处理程序添加到 AnchorTag 的 emberjs 模板

Question

我的模板中有以下内容

<script type="text/x-handlebars">
    {{view ChatApp.SomeAnchor}}
</script> 

我在我的 ember 代码中将此定义为自定义视图

ChatApp.SomeAnchor = Ember.View.extend({
  tagName: 'a',
  attributeBindings: ['href'],
  href: '#'                                                                                                                                                                       
});

生成的html是这样的

<a id="ember211" class="ember-view" href="#"></a>

我的问题是-如何修改 ember 对象以提供自定义的 onclick 和值，所以它看起来像这样

<a id="ember211" onclick="something(); return false;" class="ember-view" href="#">Click This</a>

Answer 1

您能解释一下为什么要在 HTML 中使用内联 javascript 吗？

如果您只想覆盖视图上的点击行为，只需添加一个点击处理程序：

ChatApp.SomeAnchor = Ember.View.extend({
  tagName: 'a',
  attributeBindings: ['href'],
  href: '#',
  click:function(){
    //do your thing here.
    return false;
  }                                                                                                                                                                      
});