如何将$ scope变量包含到自定义过滤器函数中

Question

我有一个自定义过滤器，对于输入日期字段，我有$ scope过滤器以17/07/2017格式显示字符串。任何人都可以帮助我如何在自定义过滤器函数中使用$ scope过滤器。

我控制器功能

app.controller('OutletController', function ($scope, itemsFactory, $filter) { 
     itemsFactory.getItems().success(function (data) { 
      $scope.outlets = data; 
     }) 
     $scope.fromDate = $filter('date')($scope.from_date, "yyyy-MM-dd"); 
     $scope.toDate = $filter('date')($scope.to_date, "yyyy-MM-dd"); 
     $scope.format = function (from_date) { 
      $scope.fromDate = $filter('date')(from_date, "yyyy-MM-dd"); 
      //console.log($scope.fromDate); 
     } 
     $scope.format = function (to_date) { 
      $scope.toDate = $filter('date')(to_date, "yyyy-MM-dd"); 
      // console.log($scope.toDate); 
     } 
     $scope.parseInt = function (data) { 
      if (data == null) return ""; 
      return parseInt(data); 
     };}); 

我的HTML

<input type="date" ng-model="from_date" ng-change="format(from_date)"> 
    <input type="date" ng-model="to_date" ng-change="format(to_date)"> 

纳克重复

<tr ng-repeat="item in outlets | dateRange: {from_date:from_date, to_date:to_date, select: selected.field, select2: selectedone.field} "> 
      <td>{{ parseInt(item.offerID) }}</td> 
      <td>{{ item.merchant }}</td> 
      <td>{{ item.startDate }}</td> 

我的自定义过滤器

app.filter('dateRange', function ($filter) { 
     return function (input, params, fromDate, toDate) { 
      var from_date = fromDate; 
      var to_date = toDate; 
      if (isNaN(params.fromDate)) { 
       filtered = input; 
      } 
      else { 
       var filtered = []; 
       angular.forEach(input, function (item) { 
        if (params.select2 === "strtdate" && params.select === "gt") { 
         console.log(fromDate); 
         if (item.startDate > params.from_date) { 
         filtered.push(item); 

             }} 
        else { 
        if (item.startDate == params.fromDate) { 
     output.push(item); 
     }} 
       }); 
      } 
      return filtered; 
     }; 
    }); 

无论何时将输入日期放入from_date字段中，它都应该过滤日期>而不是数据表中的输入日期。

在此先感谢！

Answer 1

您可以尝试类似下面的代码，也可以通过此示例场景的plunker链接进行检查。

模板：

<input type="date" ng-model="Range.From"> 
    <input type="date" ng-model="Range.To"> 
    <table border="1"> 
     <tr ng-repeat="item in outlets | dateRange: Range"> 
     <td>{{ item.offerID }}</td> 
     <td>{{ item.merchant }}</td> 
     <td>{{ item.startDate | date: 'yyyy-MM-dd' }}</td> 
     </tr> 
    </table> 

控制器：

app.filter('dateRange', function ($filter) { 
    return function (input, params) { 
    if(params.From || params.To){ 
     var filtered = []; 
     angular.forEach(input, function (item) { 
     var strDate = new Date(item.startDate); 
     if(item.startDate >=params.From && item.startDate <= params.To){ 
      filtered.push(item); 
     }else if(item.startDate >= params.From && (params.To===null || params.To===undefined)){ 
      filtered.push(item); 
     }else if(item.startDate <= params.To && (params.From===null || params.From===undefined)){ 
      filtered.push(item); 
     } 
     }); 
     return filtered; 
    } else return input; 
    }; 
});