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 中。
我有一个 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 中。