Угловые фильтры: как выполнить предварительную фильтрацию, чтобы угловые фильтры учитывали только часть всего объекта данных

Насколько я знаю angular, есть два основных способа решить вашу проблему.

1. определить пользовательский фильтр
2. определите функцию для фильтрации ваших данных и вызовите ее с помощью ng-show или ng-hide

У меня есть большая таблица данных

Если я хорошо понимаю, вы указываете это, потому что производительность - большая проблема.

Есть хорошая статья, в которой раскрываются различия между этими двумя решениями: http://www.bennadel.com/blog/2487-filter-vs-nghide-with-ngrepeat-in-angularjs.htm

Поскольку производительность может быть действительно важна для вас, я предлагаю вам второй подход.

На ваш взгляд:

<tbody ng-repeat="url in urls" ng-show="filterUrl(url)">

В вашем контроллере:

$scope.searchFilter = "";
$scope.columnFilter = $scope.headings[5];

$scope.filterUrl = function(url){ 
  if(!$scope.searchFilter || $scope.searchFilter == "")
    return url;
  var searchFilter= $scope.searchFilter.toLowerCase();
  var trafficString = url.traffic.toString();
  var idString = url.traffic.toString();
  switch($scope.columnFilter){
    case $scope.headings[0]:
      return url.title.toLowerCase().indexOf(searchFilter) != -1;
    case $scope.headings[1]:
      return url.url.toLowerCase().indexOf(searchFilter) != -1;
    case $scope.headings[2]:
      return trafficString.indexOf(searchFilter) != -1;
    case $scope.headings[3]:
      return url.descr.toLowerCase().indexOf(searchFilter) != -1;
    case $scope.headings[4]:
      return idString.indexOf(searchFilter) != -1;
    case $scope.headings[5]: 
      return url.title.toLowerCase().indexOf(searchFilter) != -1 ||
      url.url.toLowerCase().indexOf(searchFilter) != -1 ||
      trafficString.indexOf(searchFilter) != -1 ||
      url.descr.toLowerCase().indexOf(searchFilter) != -1 ||
      idString.indexOf(searchFilter) != -1;
  }
};

Обновление: если вы выберете первый подход:

На ваш взгляд:

 <tbody ng-repeat="url in urls | filterByColumn: searchFilter :columnFilter">

Фильтр:

app.filter('filterByColumn', function(){
  return function(urls, text, columnFilter){
    var processed = [];
     if(!text || text == "")
        return urls;
    urls.forEach(function(url){
      var searchFilter= text.toLowerCase();
      var trafficString = url.traffic.toString();
      var idString = url.traffic.toString();
      switch(columnFilter){
        case "Title":
          if( url.title.toLowerCase().indexOf(searchFilter) != -1)
            processed.push(url);
          break;
        case "Url":
          if(url.url.toLowerCase().indexOf(searchFilter) != -1)
            processed.push(url);
          break;
        case "Traffic":
          if(trafficString.indexOf(searchFilter) != -1)
            processed.push(url);
          break;
        case "Description":
          if(url.descr.toLowerCase().indexOf(searchFilter) != -1)
            processed.push(url);
          break;
        case "Id":
          if( idString.indexOf(searchFilter) != -1)
            processed.push(url);
          break;
        case "All": 
          if( url.title.toLowerCase().indexOf(searchFilter) != -1 ||
          url.url.toLowerCase().indexOf(searchFilter) != -1 ||
          trafficString.indexOf(searchFilter) != -1 ||
          url.descr.toLowerCase().indexOf(searchFilter) != -1 ||
          idString.indexOf(searchFilter) != -1)
            processed.push(url);
          break;
      }
    });
    return processed;
  };
});

Вот plunkr: http://plnkr.co/edit/xCwI2AURFpvb<6xHgYHxS?p=preview/ >

Посмотрите, как этот пример прямо с угловой страницы создания настраиваемого фильтра. https://docs.angularjs.org/guide/filter

Здесь вы можете увидеть, что вы можете создать фильтр, который принимает 2 входа, фактический объект и параметр. Передавая имя столбца в качестве параметра, вы можете сузить поиск нужных строк.

Я бы порекомендовал вам написать такой простой настраиваемый фильтр.

.filter('myfilter', function(){
  return function(input, column, text){
    if (!input || !column || !text) return input;
    return input.filter(function(item){
      var value = item[column.toLowerCase()];
      if (!value)return false;
      return value.indexOf(text)>-1;
    });
  };
});

Вы можете использовать этот фильтр в html.

ng-repeat="url in urls | myfilter:columnFilter:searchFilter"

Это плункер.