使用“a”标记的Ember View帮助程序出现意外行为

Question

{{#view tagName="a" href="#"}}
  The Link
{{/view}}

预期的HTML

<a href="#" class="ember-view" id="emberXXX"> The Link </a>

现实

<a class="ember-view" id="emberXXX"> The Link </a>

无法看到href属性

还尝试hrefBinding="#", href=true

在类似的行上，我想将一个动作与它相关联，因此尝试了以下失败尝试

{{#view tagName="a" href="#" snippet}}
  The Link
{{/view}}

其中代码段为action="showHome", click="showHome", actionBinding="showHome", clickBinding="showHome"（此处的操作用于路由转换）

他们都没有工作，我知道我可以做到

<a href="#" {{action showHome}}>The Link</a>

OR 定义视图

aView = Ember.View.extend({
  tagName: 'a',
  click: function(){
    this.get('controller').controllers.send('showHome');
  }
})

让事情有效但我很好奇如何实现它模板方式

Answer 1

简短回答（和解决方法）

{{#view Ember.Button tagName="a" target="#" action="someAction"}}Link Name{{/view}}

长期回答：

当你说你可以做的时候

<a href="#" {{action showHome}}>The Link</a>

这是获得href="#"一些预定义路由操作的唯一方法。但从JavaScript应用程序的角度来看，创建/扩展视图更有意义。

当您说您也尝试过hrefBinding="#"时，就意味着您了解绑定是针对那个视图的。因此，从模板的角度来看，不应仅支持（我认为）在html标记中包含虚拟链接。正确的方法应该是扩展视图：

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