How filter using one array

Question

Im trying some angularJS on this example

http://www.w3schools.com/angular/tryit.asp?filename=try_ng_filters_filter

<ul>
  <li ng-repeat="x in names | filter : 'i'">
    {{ x }}
  </li>
</ul>

But how you filter for multiple choices? In my case I have a model with all the cars. And the user select a list of ID int[] SelectedCars from a tree list.

So I want something like

<ul>
  <li ng-repeat="x in names | filter : SelectedCars[]">
    {{ x }}
  </li>
</ul>

I think you may have to write your own custom filter to do this. Check out this answer. — Lex
– Lex, Commented Mar 17, 2016 at 21:20
@Lex Yes, that answer is exactly what I was looking for, even has a jsFiddle. Thanks you. — Juan Carlos Oropeza
– Juan Carlos Oropeza, Commented Mar 17, 2016 at 21:22
can you show your names json and which fields you have to filters? — Paresh Gami
– Paresh Gami, Commented Mar 18, 2016 at 2:42

Jeff Diederiks · Accepted Answer · 2016-03-17 22:51:10Z

1

JSFiddle

That should work now.

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<ul>
    <li ng-repeat="x in names | filter : 'i'">
        {{ x }}
    </li>
</ul>

</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
        $scope.names = [
                'Jani',
                'Carl',
                'Margareth',
                'Hege',
                'Joe',
                'Gustav',
                'Birgit',
                'Mary',
                'Kai'
        ];
        $scope.selectedCars = [1, 2, 5];
        $scope.carsToDisplay = [];
        for (var i = 0; i < $scope.selectedCars.length; i++) {
                $scope.carsToDisplay.push($scope.names[$scope.selectedCars[i]]);
        }
        var p = document.getElementById('p');
        p.innerHTML = $scope.carsToDisplay;
});
</script>

<p id="p">This example displays only the names containing the letter "i".</p>

</body>
</html>

edited Mar 17, 2016 at 22:51

answered Mar 17, 2016 at 22:25

Jeff Diederiks

1,38014 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Juan Carlos Oropeza Over a year ago

I get the idea, but In your fiddle you print three first names, not 1,2,5

Collectives™ on Stack Overflow

How filter using one array

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related