Ember 템플릿에 HREF를 두는 방법

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>