ng-show

Question

我一直想知道是否可以在ng-show事件之外使用默认元素，我希望这些代码能够解释我的意思。

<th>
    <a href="#" ng-click="orderByField='date'; reverseSortDate = !reverseSortDate">
      Date Created
      <span ng-show="orderByField == 'date'">
          <span ng-show="!reverseSort">
            <i class="icon-arrow-up active"></i>
            &nbsp;<i class="icon-arrow-down"></i>
          </span>
          <span ng-show="reverseSort">
            <i class="icon-arrow-up"></i>
            &nbsp;<i class="icon-arrow-down active"></i>
          </span>
      </span>
    </a>
</th>
<th>
    <a href="#" ng-click="orderByField='mobile'; reverseSortMobile = !reverseSortMobile">
      Mobile
      <span ng-show="orderByField == 'mobile'">
          <span ng-show="!reverseSortMobile">
            <i class="icon-arrow-up active"></i>
            &nbsp;<i class="icon-arrow-down"></i>
          </span>
          <span ng-show="reverseSortMobile">
            <i class="icon-arrow-up"></i>
            &nbsp;<i class="icon-arrow-down active"></i>
          </span>
      </span>
    </a>
</th>

我想创建一个表格，其中有一个箭头（向上和向下）表示orderBy方向（升序或降序）。它通过使用上面的代码作为魅力，但我想创建一个默认箭头（在它告诉它的方式之前）没有任何active样式，它将出现在ng-click触发器之前， ng-click触发器（将被ng-show替换）时消失。单击其他th时重新显示（替换了ng-show活动类）。

这是默认值：箭头△▽

这是有效的：箭头△▽和箭头△▽

我们假设粗体插入符号是带有活动类的箭头。