setting empty value inside select if is empty select AngularJS

Question

can someone tell me how can I make empty value, that if nothing is in list of select, show "n/a"

demo

https://codepen.io/Turqus/pen/wPrKrr?editors=1010

template

    <div ng-app="test" ng-controller="select">
  <select class="form-control" ng-model="selectedBoard" ng-change="changeBoard(selectedBoard)">
     <option ng-repeat="item in boards" value="{{$index}}">{{$index}}</option>   
 </select>

 <select class="form-control" ng-model="selectedList">
   <option ng-repeat="item in downloadedLists" value="{{$index}}">{{$index}}</option> 
 </select>                  
</div>

Ash_s94 · Accepted Answer · 2017-11-15 19:02:14Z

3

<option ng-repeat=" item in downloadsLists" >{{$index || "n/a"}}</option>

answered Nov 15, 2017 at 19:02

Ash_s94

8177 silver badges21 bronze badges

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

1 Comment

lealceldeiro Over a year ago

Some explanation could come quite helpful here.

kane · Accepted Answer · 2017-11-15 19:03:33Z

0

<select class="form-control" ng-model="selectedList">
  <option disabled selected value
         ng-show="downloadedLists.length == 0">n/a</option>
  <option ng-repeat="item in downloadedLists" value="{{$index}}">{{$index}}</option> 
 </select>

answered Nov 15, 2017 at 19:03

kane

6,09712 gold badges51 silver badges84 bronze badges

Comments

Dakota · Accepted Answer · 2017-11-16 03:41:09Z

0

 <option value="">N/A </option>  
 <option ng-repeat="item in boards" value="{{$index}}">{{$index}}</option>

answered Nov 16, 2017 at 3:41

Dakota

5252 silver badges10 bronze badges

1 Comment

Jeet Over a year ago

Please elaborate your answer code only answer doesn't tend to help much.

Collectives™ on Stack Overflow

setting empty value inside select if is empty select AngularJS

3 Answers 3

1 Comment

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Related