핸들 막대 모양의 템플리트 각도로

Question

나는 정말 각도로 템플리트를 만드는 방법에 대해 고심합니다. 그래서,이처럼 테이블 채우기있어 한 :

<tr ng-repeat="store in stores"> 
    <td> 
     <p>{{store.day_one.visitor_count}}</p> 
     <span>ng-class="{green: ... >= 0, red: ... < 0}"</span> 
     <small>store.difference.visitor_count</small> 
    </td> 
    <td> 
     <p>{{store.day_one.conversion_rate}}</p> 
     ... 
    </td> 
    <td> 
     ... 
     <p>{{store.day_one.dwell_time}}</p> 
     ... 
    </td> 
</tr> 

하지만 난 정말하고 싶은 무언가를 더 좋아 :

<td reportNumber="{numberOne: store.day_one.visitor_count, 
        numberTwo: store.difference.visitor_count}> 
</td> 

옵션 1 :

쓰기 appriopriate html을 만들고 td에 추가하는 지시어 ... 그러나 지시문에 html 문자열을 쓰는 방법은 무엇입니까? 각도에서 util 메소드를 찾을 수 없기 때문에 좋은 방법으로 html 문자열을 쓰고 쓸 수 있습니다. '<p>' + 'numberOne' + </p>...은 고통 스럽습니다.

그러나 partials도 있습니다. 부분적으로 사용하고 지시문에 채울 수 없었습니까? 나는 그들을로드하고 $ http를 통해 그들을 가져 오는 적절한 방법을 찾을 수 없습니다 이상한 것 같습니다.

옵션 2 :

사용 ng-include 직접하지만 적절한 방법으로보기에서 범위 변수를 만드는 방법? 내가 좋아하는 뭔가를 위해 할 수있는 :

<td dummyVar="{{ numberOne = store.day_one.visitor_count; 
       numberTwo = store.difference.visitor_count}}" 
    ng-include="'/static/angular/views/partials/reportNumber.html'"> 
</td> 

하지만이 깨끗한보다는 해키 보인다 이러한 변수를 항상 재정 문제가있을 수 있는지 모르겠어요.

내 질문 :템플릿을 사용하여 좋은 방법으로 테이블을 만드는 방법? {{`http://jsfiddle.net/ztxTe/

Answer 1

은 간단 지시문을 사용합니다. ..}}`지시어 안에, 고마워. 하지만 여전히 문자열을 concenate하기 위해`+`를 사용하고 있다면, 나는 더 깨끗한 방법이 있다고 생각했을 것입니다.