在md-dialog中的Angular-Material md-select

时间:2015-04-10 21:27:45

标签: javascript html angularjs dialog material-design

我有一个角度素材应用程序,其中我有一个按钮,触发一个带有下拉列表的对话框。如果按钮位于顶部,则一切正常并且符合预期。

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

如果我使用

<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/

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

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

2 个答案:

答案 0 :(得分:2)

此功能在角度材料v0.9.8中不起作用,实际上我需要在对话框外面的功能,当我在框外点击它应该隐藏在v 0.9.8的角度材料中。

答案 1 :(得分:1)

已在v0.9.0

中修复此问题

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