2014-04-04 5 views
1

Ember.js에서 간단해야 할 문제가 있습니다. 부울 속성을 기반으로 데이터 속성을 설정할지 여부를 선택하고 싶습니다. 이것은 클래스 속성에 대해 완벽하게 작동하며 속성을 사용하여 데이터 속성을 설정할 수 있습니다 (이 예제에서는 {{bind-attr data-toggle = "label"}} works).핸들 바 템플릿의 조건부 데이터 애트리뷰트가있는 템플릿

<a href="#" {{bind-attr class="hasContent:dropdown-toggle"}} {{bind-attr data-toggle="hasContent:dropdown"}}> 
    {{label}} 
    {{#if hasContent}}<b class="caret"></b>{{/if}} 
</a> 

가장 빠르고 가장 깨끗한 해결책은 무엇입니까? 내 템플릿의 객체는 Ember.object입니다. 내가 엠버 1.5 &을 사용하고 핸들 바 : 1.2.1

+0

{{#hasContent}} 데이터 토글 {{/ hasContent}} – dandavis

답변

1

왜이

{{#if hasContent}} 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
     {{label}}<b class="caret"></b> 
    </a> 
{{else}} 
    <a href="#">{{label}}</a> 
{{/if}} 
+0

Mhhh 실제로처럼하지 않는다 , thx, 나는 똑바로 생각하고 있지 않았다, 그것은 작동한다. 그러나 나중에 참조 할 수 있습니까? –

+0

다른 속성이 콜론 구문을 지원하지 않는 것이 문제입니다. 바인딩 된 클래스에 대해 계산 된 속성을 만들어야합니다. – Myslik

+0

잠깐, 혼란스러워. 왜 그냥 사용하지 않는 ... hasContent : dropdown-toggle : no-content-null-class-name-you-make-up – jasonpgignac