0

我一定错过了一些简单的东西,因为我在任何地方都找不到我的问题的答案。我已经完成了 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>

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

非常感谢。

4

1 回答 1

6

对于这种用例,您可以使用'bindAttr'-helper :

 <script type="text/x-handlebars" data-template-name="event-nav">
   <a {{bindAttr href="obj.url" alt="obj.displayName"}}>{{obj.displayName}}</a>
 </script>
于 2012-12-25T19:06:56.993 回答