HTML dropdown with ng-options binding does not work with angular-dart

Issue

Angular-dart ng-options does not seems to be working.

  <select ng-model="selectedOption" ng-options="s.DisplayText for s in myOptions">
        <option value="">Select Option</option>
    </select>

Solution

<select ng-model="selectedOptionId">
        <option value="">Select Option</option>
        <option ng-repeat="o in myOptions" value="{{o.id}}">
                    {{o.DisplayText}}
        </option>
</select>

Note that selectedOptionId is string, if we use myOption(type with id and DisplayText as properties) as model it will add new option with “?” in HTML.

Answered By – ashokd

Answer Checked By – Mary Flores (FlutterFixes Volunteer)

Leave a Reply

Your email address will not be published.