javascript – 带有“a”标记的Ember View帮助程序的意外行为

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 带有“a”标记的Ember View帮助程序的意外行为，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1259字，纯文字阅读大概需要2分钟。

内容图文

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

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

解决方法:

答案简短(和解决方法)

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

内容总结

以上是互联网集市为您收集整理的javascript – 带有“a”标记的Ember View帮助程序的意外行为全部内容，希望文章能够帮你解决javascript – 带有“a”标记的Ember View帮助程序的意外行为所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端