在所选列上向上/向下箭头

Question

如果仅按以下方式选择，我希望排序列向上或向下显示箭头。 例如：

当按升序排序年龄时，只有年龄向上箭头，而另外两个箭头没有向上或向下

从降序排序名称时。并且在另外两列上再没有向上/向下箭头

在我的离子1框架代码中，无论我如何排序

，它都会向上和向下显示箭头

HTML

<div class="col col-33" ng-click="reverse = (orderWith=='Name')? !reverse: reverse;orderWith='Name'">Name<i class="material-icons">&#xE316;</i>?<i class="material-icons">&#xE313;</i></div>
<div class="col" ng-click="reverse = (orderWith=='Trade')? !reverse: reverse;orderWith='Trade'">Call<i class="material-icons">&#xE316;</i>?<i class="material-icons">&#xE313;</i></div>
<div class="col" ng-click="reverse = (orderWith=='num')? !reverse: reverse;orderWith='num'">Number<i class="material-icons">&#xE316;</i>?<i class="material-icons">&#xE313;</i></div>

如您所见，向上和向下箭头一起显示。此外，仅针对所选列显示箭头，但它显示所有列。 如何在我选择的列上向上/向下输入正确的箭头？