Question

我想有一个过滤器，它是一个非常基本的点击事件打开的模态窗口。但是，当它位于filterHeaderTemplate中时，我无法在网格顶部显示该窗口。

我创建了一个非常简单的Plunker来重现这个问题 - div是正确创建的，但它隐藏在ui网格下面，并且它适用于任何z-index。

http://plnkr.co/edit/15oUIui2kWfPgE5CQXwk?p=preview

模板就像那样简单：

<button ng-click="showModal = !showModal">Open \'Modal\'</button>
<div class="myModalClass" ng-if="showModal">My \'Modal\' Content</div>

和模式的样式：

width: 200px;
height: 200px;
background-color: white;
border: 3px solid black;
position: absolute;
z-index: 999999999;

任何想法都会非常感激！

Answer 1

解决了:) 该问题与top-panel和header-viewport溢出有关，默认情况下设置为隐藏。

可能的解决方案是将其设置为可见：

addCategory(category: any) {
  var newRef = this.categories.push();
  category.Id = newRef.key;
  newRef.set(category).then( snap => {
    this.openSnackBar('New category has been added', 'ok');
  }).catch(error => {
    this.openSnackBar(error.message, 'ok');
  });
}

Ui-grid：在filterHeaderTemplate中打开一个模态

1 个答案: