_ _

Вариант 1 - сделать вспомогательное поле, в котором хранить подготовленное для сортировки значение

Вариант 2 - инициализировать таблицу с getData, в котором крутить данные каким угодно способом исходя из переданных параметров, сортировок и.т.д.
ng-table.com/#/loading/demo-external-array

UPD.

.then(function (response) {
                    params.total(response.total);
                    $scope.users = response.data;
                    return response.data.map(function(u) { 
                      u.sortName = u.userName.toLowerCase();
                      return u; // Это вот забыли   
                    });
                });

Use Babel, Luke
$someEl.find(`a[href="${href}"]`)

@Component({
  selector: 'mouse-hover-test',
  template: '<div [class.hovered]="hovered"></div>"'
})
class MouseHoverTestCmp {
  public hovered: boolean;
  @HostListener('mouseover') onMouseOver() {
    this.hovered = true; 
  }
  @HostListener('mouseout') onMouseOut() {
    this.hovered = false; 
  }
}

А если реюзабельности захочется:

@Directive({
  selector: '[hoverClass]'
})
class HoverClassCmp { 
  @Input('hoverClass') className: string;
  @HostBinding('class') activeClass: string;
  @HostListener('mouseover') onMouseOver() {
    this.activeClass = this.className;
  }
  @HostListener('mouseout') onMouseOut() {
    this.activeClass = ''; 
  }
}

Странно, видимо у меня был баг где-то

class NumberStream extends Observable<number> {}
работает

Хук ngAfterViewChecked на компоненте

Потому что это не PHP (let _period = [];). Для ассоциативных массивов используйте Object ({}) или Map

$animateProvider.classNameFilter позволяет задать фильтр по строке классов элемента. Обрабатываться ngAnimate будут только элементы проходящие фильтр.