Javascript angularJS orderBy的不同箭头

在我的应用程序中，我有一个正在排序的表

<th data-ng-click="predicate = 'FirstName'; reverse=!reverse">Name <i ng-class="{'arrow-down' : reverse, 'arrow-up' : !reverse}"></i></th>
<th data-ng-click="predicate = 'LastName'; reverse=!reverse">Last Name <i ng-class="{'arrow-down' : reverse, 'arrow-up' : !reverse}"></i</th>

名称
姓氏尝试将
谓词
添加到
ng类
条件：

<th data-ng-click="predicate = 'FirstName'; reverse=!reverse">Name
    <i ng-class="{'arrow-down' : reverse && predicate==='FirstName', 'arrow-up' : !reverse && predicate==='FirstName'}"></i></th>

名称


当表格未按此列排序时，显示默认箭头非常简单：

<th data-ng-click="predicate = 'FirstName'; reverse=!reverse">Name
    <i ng-class="{
        'arrow-down' : reverse && predicate==='FirstName',
        'arrow-up' : !reverse && predicate==='FirstName',
        'arrow-not-sorted': predicate!=='FirstName'
    }"></i></th>

名称
你是什么意思？你能用提琴/弹琴来复制它吗？不，不能复制我的意思是，它必须默认显示一些东西，比如向下或向上。我的意思是：如果我还有另外三个带排序的字段，会怎么样？当我点击它们时，我将丢失所有的类，因为reverse&&predicate==='FirstName'是false并且！反向&&predicate==='FirstName'为假如何比？如何设置always def值？如果单击某列，表将按该列排序。因此，该列获得箭头，而上一列（如果有）将其松开。您可能需要多列排序，但问题中没有提到，这是一个完全不同的问题-您必须提供更多详细信息。可能：
Name Last Name
与此类似？
<th data-ng-click="predicate = 'FirstName'; reverse=!reverse">Name
    <i ng-class="{
        'arrow-down' : reverse && predicate==='FirstName',
        'arrow-up' : !reverse && predicate==='FirstName',
        'arrow-not-sorted': predicate!=='FirstName'
    }"></i></th>