使用"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>

或定义视图

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: '#' //
});