How to hide options in select list Angular JS?

Question

I have ng-repeat:

<option ng-repeat="year in data.dateList.year" ng-hide="year.id < limit" value="{{year.id}}" ng-selected="year.id == 0">
   {{year.value}}
</option>

And $scope.limit = 1991;

I try to hide options by condition:

ng-hide="year.id < limit"

It does not work

you can not hide <option> cross browser. IE for example does not support it — charlietfl
– charlietfl, Commented Sep 18, 2015 at 14:18

Keyur Shah · Accepted Answer · 2016-06-09 09:04:59Z

5

Try like this by using filter:show

ng-repeat="year in data.dateList.year | filter:show"

JS

$scope.show=function(year){
  return year.id > $scope.limit
}

if you want to get index

Try like this

$scope.show = function(year) {
    console.log(getIndex($scope.data.dateList.year, year))
    return year.id > $scope.limit
}

function getIndex(dataList, data) {
    var index = -1;
    dataList.some(function(item, i) {
        if (JSON.stringify(item) == JSON.stringify(data)) {
            index = i;
            return true;
        }
    });
    return index;
}

edited Jun 9, 2016 at 9:04

Keyur Shah

5367 silver badges20 bronze badges

answered Sep 18, 2015 at 14:14

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

8 Comments

Anik Islam Abhi Over a year ago

you don't need to. it'll send instance of data.dateList.year into show from filter

Ahmed Over a year ago

I need something like as: filter:show:$index" AJ: $scope.show=function(year, index){..} Is it correct?

Anik Islam Abhi Over a year ago

why need index where your have year object ?? you can find index using object from their list.

Ahmed Over a year ago

I have model in ng-repeat with $index like as modal[$index] And I need curret $index to function show() that to compare two models with $index current

Dzinx Over a year ago

@Ahmed try this: filter:show($index) and $scope.show = function (index) { return function (year) { .. }; };

|

Collectives™ on Stack Overflow

How to hide options in select list Angular JS?

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related