Question

我正在尝试在我的应用程序中使用ngDialog **插件，不幸的是md-options显示在对话框后面。

这是HTML代码：

<md-card>
<md-card-content>
                    <div layout="row">
                        <md-input-container>
                          <label>State</label>
                          <md-select ng-model="ctrl.userState">
                            <md-option><em>None</em></md-option>
                             <md-option ng-repeat="user in rao">{{user.name}}</md-option>
                          </md-select>
                        </md-input-container>
                    </div>
                </md-card-content>
            </md-card>

输出是： enter image description here

Answer 1

最后，我通过设置z-index值找到了解决这个问题的方法。实际上我使用ngDiloag和角材料。所以，这里md-select是ngDialog背后的渲染选项。所以我设置了z-index

.ngdialog.ngdialog-theme-default {
  z-index: 80;
}

Answer 2

试试这个，

var arrRes = [[String:AnyObject]]() //Array of dictionary

WORKING DEMO

Answer 3

只需在“angular-material.min.css”文件中更新该课程。

.md-select-menu-container, 
.md-open-menu-container {
    z-index:999999important;
}

选项选项显示在对话框ngDialog后面

3 个答案: