如何在过滤Angular JS中传递两个参数？

我已自定义过滤器：如何在过滤Angular JS中传递两个参数？

.filter('inArray', function() { 

     return function(input, array) { 
     console.log(input); 
     if(array.indexOf(input)!== -1){ 
       return "red"; 
      } else { 
       return ""; 
     } 
     }; 
    })

我试过的类属性使用此：

class="{{inArray | filter:3}}"

但它是无声的，当我做console.log(input);过滤器内

来源

2017-03-07 Daniel

我已经得到了它的工作是这样的：

(function() { 
 

 
    angular 
 
    .module("app", ["ui.bootstrap"]); 
 

 
    angular 
 
    .module("app") 
 
    .controller("AppController", AppController); 
 

 
    AppController.$inject = ["$scope"]; 
 

 
    function AppController($scope) { 
 
    var vm = this; 
 

 

 
    vm.myArray=["1", "2", "3"]; 
 

 

 
    } 
 
    
 
    angular 
 
    .module("app") 
 
    .filter('inArray', function() { 
 

 
     return function(input, array) { 
 
     console.log(input); 
 
     if(array.indexOf(input)!== -1){ 
 
       return "red"; 
 
      } else { 
 
       return ""; 
 
     } 
 
     }; 
 
    }) 
 

 
})();

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <link data-require="[email protected]" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
 
    <script data-require="[email protected]" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="1.6.1" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script> 
 
    <script data-require="[email protected]*" data-semver="2.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="app.js"></script> 
 
</head> 
 

 
<body ng-controller="AppController as vm"> 
 
    
 
    <h1 style="color:{{'2'| inArray: vm.myArray}}">2 is in the array</h1> 
 
    <h1 style="color:{{'5'| inArray: vm.myArray}}">5 is not in the array</h1> 
 
    
 

 

 
</body> 
 

 
</html>

来源

2017-03-07 14:50:35

只是通过像其他参数这

class="{{"someInput"| inArray:'param1':'param2'}}"

来源

2017-03-07 13:30:44

我还没有看到控制台：'{{inArray | filter：item.name：filter}}' – Daniel

你可以发布JSFiddle吗？ –

我在这里发布了所有代码 – Daniel

如何在过滤Angular JS中传递两个参数？

回答

相关问题