Setting select default value to empty on ng-repeat

Question

I have this select which i need the default value to be empty, tried adding a option with value="?" and selected="selected" but it wont work, any ideas?

<select class="form-control" 
        id="Select7" 
        name="grossweightmeasurementunitcode" 
        ng-model="itemForm.grossweightmeasurementunitcode" 
        ng-required="true">
        <option ng-repeat="unidadepeso in unidadespeso" value="{{unidadepeso.commoncode}}">{{unidadepeso.sigla}}</option>
 </select>

i think angularjs provides a blank value by default. refer to this post: https://stackoverflow.com/questions/12654631/why-does-angularjs-include-an-empty-option-in-select — CodeHunter, Feb 19 '18 at 17:47

score 0 · Answer 1 · answered Feb 19 '18 at 18:06

try this:

<select 
                        class="form-control" 
                        id="Select7" 
                        name="grossweightmeasurementunitcode" 
                        ng-model="itemForm.grossweightmeasurementunitcode" 
                        ng-required="true">
<option value="">--Select--</opton>
                            <option ng-repeat="unidadepeso in unidadespeso" value="{{unidadepeso.commoncode}}">{{unidadepeso.sigla}}</option>
                    </select>

Setting select default value to empty on ng-repeat

1 Answers1