엠버 구성 요소는 바로

Question

좀 타다 남은 코드가 있습니다. 내 상태가 오른쪽으로 부각되고 프로젝트 ID와 이름이 왼쪽에 나타납니다.

상태와 함께 몇 가지 추가 작업을 수행하고 싶습니다. 따라서이를 구성 요소로 옮깁니다.

{{#each this}} 
    <div class="item"> 
    {{labeled-stat status=status}} 
     <div class="content"> 
     <div class="header"><a>{{id}} - {{name}}</a></div> 
     <small>last updated {{pretty-date lastUpdated}}, currently assigned to {{title-case owner.name}}</small> 
     </div> 
    </div> 
{{/each}} 

그럼 내 component.hbs

이 표시 나는

<div class="ember408"> 

를 말한다 상태의 주위에 여분의 사업부를 얻고있다

<div class="right floated tiny blue ui label">{{status}}</div> 

이 내 항목이 제대로 표시되지 않을 일으키는 . ember가 새로운 div를 추가하기 때문에 내 상태는 실제로 왼쪽에 있습니다.

CSS를 변경하지 않고 문제를 해결할 수있는 방법은 없나요?

{{labeled-stat status=status class="right floated tiny blue ui label"}} 

Answer 1

는 것 같습니다. 그런 식으로 해당 구성 요소를 사용할 때마다 class을 전달할 필요가 없습니다.

템플릿 :

이

<script type="text/x-handlebars" data-template-name="components/labeled-stat"> 
    {{status}} 
</script> 

구성 요소 :

이

App.LabeledStatComponent = Ember.Component.extend({ 
    classNames: "right floated tiny blue ui label".w() 
}); 

사용법 : I 희망

{{labeled-stat status=status}} 

그것이

을하는 데 도움이

Answer 2

당신은 classNames 속성을 사용하여 생성 된 사업부의 클래스 이름을 변경할 수 있습니다 : 나는 HBS 구성 요소 파일에서 그리고 템플릿으로 CSS를 이동해야처럼