ember.js - 如何将 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>

当然，这会在 DOM 本身中产生类似的结果：

<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>