如何將$ 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; 
    }; 
});