Angular-Material md-select 在 md 对话框中

Angular-Material md-select in md-dialog

我有一个 angular material 应用程序,其中有一个按钮可以触发带有下拉菜单的对话框。如果按钮位于顶部,则一切正常且符合预期。

如果按钮朝向底部,因此用户必须滚动才能找到它,但是,一旦点击下拉菜单,页面就会跳回顶部。对话框在底部保持打开状态,我无法向下滚动到它或单击退出它,所以我必须重新加载页面才能执行任何操作,并且对话框无用。

如果我用

<select ng-options="opt.val as opt.name for opt in options" ng-model="d"></select>

然后它工作正常。

但是如果我使用 md-select

<md-select ng-model="d">
    <md-option ng-value="opt.val" ng-repeat="opt in options">{{opt.name}}</md-option>
</md-select>

然后就坏了。

jsfiddle: https://jsfiddle.net/st3m3x0g/3/

如果一直滚动到输出的底部,单击一个按钮,然后尝试打开下拉菜单,您可以看到问题。

有什么办法可以避免这种情况吗?

这已在 v0.9.0

中修复

有关详细信息,请参阅 issue 1648

此功能在 angular material v0.9.8 中不起作用,实际上我需要一个对话框上的功能,当我在框外单击时它应该隐藏在 angular material 的 v 0.9.8 中。