How to exclude a specific value in ng-options in angular JS

Question

I am new to Angular. I want to have a drop down with ng-options.

I have a end point which is returning the back end data. For example my back end data has 1, 2 , 3 ,4, 5. While displaying with the ng-options I don't want to display the first value.

(i.e I want in my drop down box only 2,3,4,5)

I have the following code:

<select class="form-control" ng-options="num as num for num in numbers id="no_num" ng-model="no.number" required> </select>

even though you do through a filter you need to write some logic in controller. is that fine? — Sajeetharan, Apr 15 '17 at 08:48

score 0 · Answer 1 · edited May 23 '17 at 12:02

0

Assuming you don't want to implement a filter option in your backend, you think you're probably looking for the filter called filter.

There's another StackOverflow question that I believe answers this exact question.

edited May 23 '17 at 12:02

Community

1
1

answered Apr 15 '17 at 08:48

sdegroot

237
3
11

score 0 · Answer 2 · answered Apr 15 '17 at 09:42

If you don't want to display the first value of list :[1, 2 , 3 ,4, 5]. I would suggest to use ng-repeat in option tag and prevent first value 1 with ng-if :

In controller:

$scope.numbers=[1, 2 , 3 ,4, 5];

In HTML:

<select ng-model="value">
   <option ng-repeat="number in numbers" value="number" ng-if="number!=1">{{number}}</option>
</select>

You can also use $first to prevent first value like this:

<select ng-model="value">
   <option ng-repeat="number in numbers" value="number" ng-if="!$first">{{number}}</option>
</select>

How to exclude a specific value in ng-options in angular JS

2 Answers2