Question

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

简而言之，我想在Ember模板中添加一个简单的<a>标签，但额外的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>

如何将HREF放入Ember模板中

1 个答案: