Две другие иконки для более / менее ссылки в элементах списка AngularJS

Question

Мне нужны еще две иконки для ссылки «Больше» (fa fa-chevron-down) и «Меньше» (fa fa-chevron-up).Как я могу изменить свой код, чтобы добиться этого при сохранении функциональности, как показано ниже?

<ul ng-if="::document.actUnitMonographViewList" class="commentary-snippets">
  <li ng-repeat="monograph in document.actUnitMonographViewList | limitTo: monograph.limit ? document.actUnitMonographViewList.length : 3">
  <!--<li ng-repeat="monograph in document.actUnitMonographViewList  track by $index">-->
  <i ng-if="document.actUnitMonographViewList.length > 1" class="fa fa-chevron-right"></i>
    <a href="" ng-href="{{ ::getPublicationLink(monograph, 'monograph') }}" ng-class="{'arrow-link': document.actUnitMonographViewList.length > 1}" user-preferences-target>
      {{::monograph.title}}
    </a>
  </li>
  <li ng-show="document.actUnitMonographViewList.length > 3">
    <i class="fa fa-chevron-down"></i>
    <a ng-click="monograph.limit = !monograph.limit" class="">{{monograph.limit ? 'Less' : 'More'}}</a>
  </li>
</ul>