更好的方式来使用纳克级

Question

我有一个表可排序列（根据排序存及其方向的头图标确定）：

<table border="1"> 
    <thead> 
     <tr> 
      <th>#</th> 
      <th ng-click="sort(studies, 'PatientName')" class="sortable" 
      ng-class="{'ascending': sortingField == 'PatientName' && sortingDirection == 'asc' , 
         'decending': sortingField == 'PatientName' && sortingDirection == 'desc' }">PatientName</th> 
     </tr> 

我觉得我在纳克级使用的是不好的做法，我该如何改进它？
我该如何避免重复检查，并且不需要重复'PatientName'字段，因为我需要使用不同名称的其他列。

非常感谢。

Answer 1

逻辑部分可以在控制器来完成：

if (sortingField == "PatientName") { 
    $scope.headerClass = sortingDirection == "asc" ? "ascending" : "descending"; 
    // or even: 
    // $scope.headerClass = sortingDirection + "ending"; 
} 

然后在您的视图：

<th ng-class="headerClass" ...></th> 

Answer 2

你的控制器将有getClass方法，将决定类。

标记

ng-class="getClass(sortingField, sortingDirection)" 

代码

//this list will be somewhere in controller 
var sortFieldList = ['PatientName', 'PatientAge'] //this list will have multiple elements 
$scope.getClass = function(sortingField, sortingDirection){ 
    var className; 
    if(sortFieldList.indexOf(sortingField) && !sortingDirection) 
    switch(sortingDirection){ 
     case "asc": 
     className = 'ascending'; 
     break; 
     case "desc" 
     className = 'descending'; 
     break; 
    } 
    return className; 
    return ''; 
}