@appcarvers/ngx-unitelist/unitesort/unitesort.component.html

This library is for Angular (2+) projects to build a list from passed data and provide pagination and filters and their callbacks after proper configuration.

<ng-container *ngIf="sortDataArray">
  <div [class]="sortCoverClass">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <span class="navbar-brand" >Sort By</span>
        </div>
        <ul class="nav navbar-nav">
          <ng-container *ngFor="let sortObj of sortDataArray">
            <li style="-webkit-touch-callout: none;
                        -webkit-user-select: none;
                        -khtml-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;" 
                [class]='sortObj.value ? "active" : ""' 
            (click)="sortValueClicked(sortObj.name)"><a>{{sortObj.label}} <span class='sort-icon'>{{sortObj.value === 'asc' ? '&#9650;' : sortObj.value === 'desc'? '&#9660;' : ''}}</span></a></li>
          </ng-container>
        </ul>
      </div>
    </nav>
  </div>
</ng-container>