remove line from my dropdownlist using angularjs mvc 5

Question

I am creating a web app in which i am updating my records with dropdownlist

i am fetching the records with angularjs controller but unfortunately one blank line is being added in my dropdownlist at the begining of my dropdownlist

<select ng-model="mdupm" ng-options="o.empname as o.empname for o in getpm" class="form-control"></select>

this is how my dropdownlist look like

what i need to do here, to remove an blank line

score 0 · Accepted Answer · answered Dec 19 '16 at 07:38

0

Add <option value="" style="display: none"></option> as a filler

<select ng-model="mdupm" ng-options="o.empname as o.empname for o in getpm" ng-change="(o)" class="form-control">
  <option value="" style="display: none"></option>
</select>

answered Dec 19 '16 at 07:38

Rai Vu

1,595
1
20
30

space has been removed but still dropddown list is blank – Dec 19 '16 at 07:49

score 0 · Answer 2 · answered Dec 19 '16 at 08:51

0

Just add this <option value="" ng-show="false"></option> in select. You commented "space has been removed but still dropddown list is blank". Is there anything else?

<select ng-model="mdupm" ng-options="o.empname as o.empname for o in getpm" class="form-control" >
 <option value="" ng-show="false"></option>

answered Dec 19 '16 at 08:51

Abhishek Rana

36
5

still there is an extra blank line – Dec 19 '16 at 09:03
okay, then add one jsfiddle/plunker of your code. So, I will verify the issue. – Abhishek Rana Dec 19 '16 at 09:55

remove line from my dropdownlist using angularjs mvc 5

2 Answers2