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」ヘルパーを使用します。

 <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 に答える