CODEWITHSUNDEEP
javascriptangularjsangularjs-filter
Matt
Matt

Reputation: 4603

AngularJS filter as selector from array

I'm having two array in my scope: employees and cars. Every employee has a carId which matches a car out of the cars-array.

Employee looks like 

[{'id': 1, 'name': 'John', 'carId': 1}]

Car like

[{'id': 1, 'color': 'red'}]

Now I have an ng-repeat and would like to output the color of the car directly with an filter:

{{ employee.carId | selectFromCars:$scope.cars }}

I don't know how to get access to the cars array inside the filter. Is this even possible or should I inject the car into the employee after loading and then just use following?

{{ employee.car.color }}

Upvotes: 0

Views: 270

Answers (1)

reedb89
reedb89

Reputation: 382

you can make your own custom filter and just add it the end of your controller like so:

.filter('empCarFilter', function() {

    return function(carId, cars) {

        // you can access $scope.cars here, for example...

        angular.forEach(cars,function(value){
            if (value.id === carId) {
                 return value.color;
             } 
             // etc...etc...
        })

}

The above method is under the assumption that you are passing employee.carId into the filter. But, not sure how useful this would be for you, but you can pass the whole object to the filter as well and not just one key with: 

 {{ employee | empCarFilter }}

Here is also a pretty good reference for custom filters: https://scotch.io/tutorials/building-custom-angularjs-filters

Upvotes: 1

Related Questions