angularjs - 如何使选定的选项首先显示在选项中？

Question

我在 AngularJs 中使用 Material。而且我注意到，当 ng-model 的值位于几个选项之后时，选择会在所需位置上方打开。有没有办法解决这个问题？这是一个参考链接： https ://codepen.io/Haris2301/pen/PoGZQqz

<md-input-container>
      <label>State</label>
      <md-select ng-model="ctrl.userState">
        <md-option><em>None</em></md-option>
        <md-option ng-repeat="state in ctrl.states" ng-value="state.abbrev" ng-disabled="$index === 1">
          {{state.abbrev}}
        </md-option>
      </md-select>
    </md-input-container>

请注意，当您选择位于中间某处的选项并再次选择 md-select 时，它会向上打开更多。