Angularjs 如何在jhipster和font awesome应用程序中更改表格列排序图标

我有一个使用JHipster生成的webapp，所以它在UI端有AngularJS，图标的字体很棒

我有几页在表中显示数据，这些表也支持对不同列进行排序。但是列标题上显示的排序图标并不能直观地判断列是升序排序还是降序排序。我甚至不认为这会因为点击而改变

如何将这些图标更改为更好的图标，如用于降序排序的长向上箭头和用于升序排序的长向下箭头。 现在我在TH元素中使用下面的代码

<th jhiSortBy="name"><span>Name</span> <fa-icon class="grid-icon" [icon]="'sort'"></fa-icon></th> 

名称

当您看到两个箭头时，表示该列未排序。如果您单击一列，您将根据该列进行升序或降序排序，您将只看到相应显示的向上或向下箭头。它们按预期工作

关于字体酷炫替代品，您可以访问或通过谷歌搜索“字体酷炫替代品”

---

Nikos

当您看到两个箭头时，表示该列未排序。如果您单击一列，您将根据该列进行升序或降序排序，您将只看到相应显示的向上或向下箭头。它们按预期工作

关于字体酷炫替代品，您可以访问或通过谷歌搜索“字体酷炫替代品”

尼科斯