emberjs 루프에서 외부 링크를 만드는 방법은 무엇입니까?

Question

모델에서 여러 항목을 반복합니다. 각 항목에 대해 응용 프로그램에서 emberjs를 사용하지 않는 페이지에 대한 외부 링크를 만들고 싶습니다. 나는 이것이 사소한 것이라고 생각했지만 그것이 작동 할 것이라고 생각했던 방식대로 작동하지 않았다.

로컬 호스트 :

/myapp/colors/5/shades 
/myapp/colors/45/shades 
/myapp/colors/6/shades 
...etc. 

그러나, 링크는 다음과 같이 생성되는 :

<tbody> 
    {{each model itemViewClass=App.ColorView}} 
</tbody> 

<script type="text/x-handlebars" id="colorTemplate"> 
    <tr> 
       <td>{{date}}</td> 
       <td><a href="/myapp/colors/{{id}}/shades">{{name}}</a></td> 
    </tr> 
</script> 

App.ColorView = Em.View.extend({ 
    templateName: 'colorTemplate' 
}); 

내가이 다음과 같은 링크를 만들 것이라고 생각 :

이

내가 가진 무엇 : 8080/myapp/colors/% 3Cscript % 20id = '메타 몰프 -33 시작'% 20type = '텍스트/x- 자리 표시 자'% 3E % 3C/스크립트 % 3E56 % 3Cscript % 20id = '메타 모프 33 끝'% 20type = 't 내선/X-자리 '% 3E % 3C/스크립트 %의 3E/음영

이에 대한

Answer 1

{{#each}} 컬렉션 뷰에 itemController를 구현해야합니다. 여기

url : function() { 
return "/myapp/colors/"+this.get('id')+"/shades"; 
}.property() 

가 Sample Bin

그것이

희망이 도움 그대로 ItemController의 점에서 당신은 URL을 생성하기 위해 계산 된 속성을 사용할 수 있습니다

Answer 2

사용한다 {{bindAttr href="url"}}. url은 URL을 생성하는 메소드입니다.