在angular js中滾動不使用md-select

Question

這是我的查看代碼......

<md-select aria-label="..." ng-model="topping">
                <md-option>Show All</md-option>
                <md-option>Fit width</md-option>
                <md-option>Full Size</md-option>
                <div style="height: 100px;overflow-y: scroll; border-top: 1px solid #ccc">
                    <md-option>100%</md-option>
                    <md-option>75%</md-option>
                    <md-option>50%</md-option>
                    <md-option>33.33%</md-option>
                    <md-option>25%</md-option>
                    <md-option>12.5%</md-option>
                    <md-option>8.33%</md-option>
                </div>
        </md-select>

當我點擊滾動條時，下拉菜單消失，我無法選擇任何選項

Answer 1

我遇到了同樣的問題，我的<md-select>選項沒有滾動。 當我將flex="20"放入<md-input-container>它會滾動。 這是我的完整代碼：

<md-input-container flex="20">
      <label ng-switch on="nativeLanguage" class="md-subhead">
        <span ng-switch-when="en-US">Change to clip:</span>
        <span ng-switch-when="es">Cambiar a acortar:</span>
        <span ng-switch-when="zh">更改為剪輯:</span>
        <span ng-switch-when="jp">クリップに変更:</span>
        <span ng-switch-default>Change to clip:</span>
      </label>
      <md-select name="selectClip" ng-model="selectClipInMovieWatching">
        <md-option ng-repeat="element in clipArray" ng-value="element">
          Clip: {{element}}
        </md-option>
      </md-select>
</md-input-container>