angular js filter for input multiple select

Question

I have the following dates select drop down.

<input type="text" ng-modle="byNameFilter"/>
<select ng-model="byDateFilter" multiple="multiple">
 <option ng-repeat="date in dates" value="{{date}}">{{date}}</option>
</select>
<div>
<repeater ng:repeat="program in programNames | filter:byNameFilter | filter:byDateFilter">
   <a href="#/client/{{client}}/program/{{program.name}}" class="span2 btn">{{program.name}}</a>
</repeater>

the program structure is:

[{'name':'program1','dates':['date1', 'date2']},{'name':'program2','dates':['date3', 'date2']}]

Now the filter is working when I put some text in ng-model:byNameFilter but It is not working when I select dates from select drop down (It is working fine if I remove multiple attribute).

How we can implement filter for multiple select options in angular.js

could you share your fiddle please

Ajay Singh Beniwal
– Ajay Singh Beniwal

2013-04-04 12:05:48 +00:00
Commented Apr 4, 2013 at 12:05 — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Apr 4, 2013 at 12:05

Kishore Relangi · Accepted Answer · 2013-04-04 13:17:21Z

2

I solved it using a custom function (provided it to filter)

$scope.dateFilter = function (item)
{
    //debugger;

    if ($scope.byDateFilter === undefined || $scope.byDateFilter.length == 0)
    {
        return true;
    }   

    for (var i in $scope.byDateFilter){         

        for (var j in item.dates)
        {
            if (item.dates[j] == $scope.byDateFilter[i])
            {
                return true;
            }
        }
    }

    return false;
}

Change in html:

<repeater ng:repeat="program in programNames | filter:byNameFilter | filter:dateFilter">

Is there any other simple solution ?

answered Apr 4, 2013 at 13:17

Kishore Relangi

2,02217 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

angular js filter for input multiple select

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related