ng-option filter not working angularjs

Question

I'm trying display data from an array in a select using ng-options and I want filter it which is not working. I don't want to show object having billHeadShortForm=FEC & FDG

Here is my HTML

<select class="form-control" ng-init="getBillHeadCurrentProjWise()" ng-model="headID" ng-options="h.billHeadID as h.billHead for h in billHeadsProjWise | filter:h.billHeadShortForm!='FEC' | h.billHeadShortForm!='FDG'">
     <option value="">--Select Billing Head--</option>
</select>

satyender · Accepted Answer · 2015-10-09 12:30:08Z

1

I have found solution

  $scope.myFunction = function (Billhead) {
    if (Billhead.billHeadShortForm == 'FEC' || Billhead.billHeadShortForm == 'FDG' || Billhead.billHeadShortForm == 'GL') {
        return false;
    } else {
        return true;
    }
}


  ng-options="h.billHeadID as h.billHead for h in billHeadsProjWise | filter:myFunction"

answered Oct 9, 2015 at 12:30

satyender

8474 gold badges12 silver badges27 bronze badges

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

1 Comment

Callum Linington Over a year ago

this is by far the best solution to this problem, to further this you could create a new angular filter that wraps the existing one with your business logic in. That way you can remove this logic from the controller and into something more apt.

Michel · Accepted Answer · 2015-10-09 12:42:58Z

0

Adjust the filter part of the ng-options to the following:

ng-options="... | filter: {billHeadShortForm: '!FEC'} | filter: {billHeadShortForm: '!FDG'}"

See fiddle

Although, you might want to read filter documentation, and write a function to avoid piping two filters.

Edit:

The function could be something like that:

$scope.filterBillHead = function (billHead) {
    // Exclude 'FEC' and 'FDG'
    // return true if billHeadShortForm is not in the array, false otherwise
    return ['FEC', 'FDG'].indexOf(billHead.billHeadShortForm) < 0;
}

Template:

ng-options="... | filter: filterBillHead"

See updated fiddle

edited Oct 9, 2015 at 12:42

answered Oct 9, 2015 at 12:27

Michel

28.6k6 gold badges67 silver badges72 bronze badges

Collectives™ on Stack Overflow

ng-option filter not working angularjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related