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>

滚动不使用角度js中的md-select

1 个答案: