Can I disable a filter conditionally in angularJS?

Question

I am applying filter based on whether a record is active or not. There are basically three things 1)show all record 2)show active ones 3)show only those which are inactive

I can easily apply filtering for active or inactive using following code

<div  ng-repeat="payhead in payHeadsList | filter:search">


<div style="float:left;width:65%" class="">
                <span style="float:left;" class="BodyTxt3 ML1">Show</span> 
                <select
                class="W2_Normal BodyTxt3 V4 ML1" style='float:left' id="selectPayHead"
                ng-model="search.ph_active"
                ng-options="a.value as a.name for a in payHeadOption"></select>
                </span>
 </div>


$scope.payHeadOption=[{name:"All Payhead",value:3},{name:"Active Payhead",value:1},{name:"Inactive Payhead",value:0}];

so on selecting Active Payhead/Inactive Payhead ,it filters out record with search.ph_active=0 or 1. But I need to show all records on selection of All Payhead. What is the way here?

would {name:"All Payhead",value:null} do the trick?

maurycy
– maurycy

2014-08-20 08:50:01 +00:00
Commented Aug 20, 2014 at 8:50 — maurycy
– maurycy, Commented Aug 20, 2014 at 8:50
@maurycy tried it,but sadly it too filter outs all records.

Rishi Prakash
– Rishi Prakash

2014-08-20 08:52:10 +00:00
Commented Aug 20, 2014 at 8:52 — Rishi Prakash
– Rishi Prakash, Commented Aug 20, 2014 at 8:52
what about empty value? value:''

maurycy
– maurycy

2014-08-20 08:53:57 +00:00
Commented Aug 20, 2014 at 8:53 — maurycy
– maurycy, Commented Aug 20, 2014 at 8:53

maurycy · Accepted Answer · 2014-08-20 09:44:27Z

2

If you use an empty string it's like you don't specify filter criteria at all so all elements are shown, my first thought was to use null but it looks like null would be an actual value to compare while empty string match all elements

{name:"All Payhead",value:''}

answered Aug 20, 2014 at 9:44

maurycy

8,4201 gold badge30 silver badges44 bronze badges

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

2 Comments

Rishi Prakash Over a year ago

so do you mean if we put null as value then it will check for those elements which have "null" as specified property???

maurycy Over a year ago

Yes, that's what I meant

Collectives™ on Stack Overflow

Can I disable a filter conditionally in angularJS?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related