th 태그에 대한 지시문을 작성하십시오.

Question

HTML을 단순화하는 지시문을 작성하려고합니다. 이제 HTML 봐 같은 :

 <tr> 
      <th class="span3" ng-click="setSorting('status')" ng-class="columnClass('status')"> 
       title1 
       <div class="sorted-image"> 
        <i ng-class="iconClass('status')"></i> 
       </div> 
      </th> 
      <th class="span4" ng-click="setSorting('sensorIdOrder')" ng-class="columnClass('sensorIdOrder')"> 
       title2 
       <div class="sorted-image"> 
        <i ng-class="iconClass('sensorIdOrder')"></i> 
       </div> 
      </th> 
      <th class="span3"> 
       title3 
      </th> 
     </tr> 

setSorting가 NG 반복에서 사용하는 정렬 기능과 설정 값입니다

:

<tr ng-repeat="s in getData()| orderBy : sorting.field : !sorting.asc"> 

내가 모든 기능을 포함 thsort 지침을 작성합니다 (setSorting, columnClass에 , iconClass) 및

0에 적용 컴파일 후) 단 하나 개의 인수 인수

 <tr> 
      <thsort class="span3" sort-field = "status")"> 
       title1 
      </thsort> 
      <thsort class="span4" sort-field = "sensorIdOrder"> 
       title2 
      </thsort> 
      <th class="span3"> 
       title3 
      </th> 
     </tr> 

또한

인수처럼 모든 인수를 (사용

Answer 1

정렬 지시문을 만들지 않아도됩니다. ng-Grid directive을 사용하면 정렬, 사용자 지정 테마 및 많은 유용한 기능을 지원할 수 있습니다.