javascript - th タグの create ディレクティブ

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-repeat で使用する並べ替えと設定値の関数です。

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

すべての関数 (setSorting、columnClass、iconClass) を含み、引数引数を 1 つだけ使用する thsort ディレクティブを作成したい

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

また、コンパイル後のすべての引数 (同様の引数) に適用されます