如何将HREF放入Ember模板中

Question

我必须遗漏一些简单的东西,因为我无法在任何地方找到问题的答案.我已经完成了RTFM的尽职调查,现在我正在这里提出问题.

简而言之,我想<a>在Ember模板中放置一个简单的标签,但额外的Ember标记使对象动态化会破坏URL本身.

我的模板看起来像这样:

<script type="text/x-handlebars" data-template-name="event-nav">
    <a href="{{ obj.url }}">{{ obj.display_name }}</a>
</script>

当然,这会产生这样的东西:

<a class="event-name logo" href="/&lt;script id='metamorph-0-start' type='text/x-placeholder'&gt;&lt;/script&gt;&lt;script id='metamorph-0-end' type='text/x-placeholder'&gt;&lt;/script&gt;"><script id="metamorph-1-start" type="text/x-placeholder"></script>Object Name<script id="metamorph-1-end" type="text/x-placeholder"></script></a>

简而言之,我该怎么做呢？

非常感谢.

Answer 1

你会在这种用例中使用'bindAttr'-helper:

 <script type="text/x-handlebars" data-template-name="event-nav">
   <a {{bindAttr href="obj.url" alt="obj.displayName"}}>{{obj.displayName}}</a>
 </script>