将参数传递给控制器​​上定义的过滤器功能

Question

说我有一个（极其简化的）控制器，定义如下：

 app.controller('myController', ['$scope', function(scope){
     list=[1,2,3,4,5]
     scope.filterFunction = function(item, upperBound){
       if(item < upperBound){
         return(item);
       }
     }
 }]);

如何通过模板传递upperBound的值？

<div ng-repeat="item in list | filter:filterFunction">{{item}}</div>

我知道如果您滚动专用过滤器，则可以使用filterName:arg1:arg2....

有什么办法可以通过这种方法实现类似的行为？ 或者，是否有任何方法可以让控制器功能访问范围？

Answer 1

如果您不创建专用过滤器，则可以在范围内创建一个函数，该函数返回过滤后的项目。 如：

app.controller('myController', ['$scope', function(scope) {
    scope.list = [1,2,3,4,5];
    scope.upperBound = 3;

    scope.filterFunction = function(list, upperBound) {
        var rval = [];
        for(var i = 0, l = list.length; i < l; i++)
        {
            if(list[i] < upperBound)
            {
                rval.push(list[i])
            }
        }
        return rval;
    };

    // or 
    scope.filteredList = function() {
        var rval = [];
        for(var i = 0, l = scope.list.length; i < l; i++)
        {
            if(scope.list[i] < scope.upperBound)
            {
                rval.push(scope.list[i])
            }
        }
        return rval;
    };

}]);

然后绑定到该功能：

<ul>
  <li ng-repeat="item in filterFunction(list,upperBound)">
    {{item}}
  </li>
</ul>

要么

<ul>
  <li ng-repeat="item in filteredList()">
    {{item}}
  </li>
</ul>

柱塞