如何添加一个引导下拉与基于ID的div ?

Question

在我的angular中，我有一个下拉组件。下面是它的样子:

<div dropdown  placement="bottom left" #dropdown="bs-dropdown" [autoClose]="true" 
[insideClick]="true" [container]="body">
<a class="templates-icon" dropdownToggle (click)="toggleTextTemplates();">
<i #one class="ic-text-templates" aria-hidden="true"></i>
</a>
<ng-container *ngIf="toggle" >
<div *dropdownMenu class="templates-container dropdown-menu"
role="menu" aria-labelledby="button-basic">      
</ng-container>
</div>

在本例中，container属性被设置为body，因此下拉菜单与每个元素的主体和可见顶部绑定。

现在假设我在我的应用程序中有三个图层，Layer-one, layer-two and layer-three，它们是彼此的顶部。现在我想只在第二层显示下拉菜单(或者想象一下在中间层)。所以我想将这个下拉框与基于id的layer-two绑定，这样下拉框将在layer one and two的顶部可见，而不是layer three:

<div id="layer-one"> 
some element 1
<div id="layer-two"> 
some element 2
<div id="layer-three"> some element 3</div>
</div>
</div>

有人能给我一个想法，或解决方案，我如何才能实现?

Answer 1

你试过把下拉框放在第2层吗?否则你可以使用javascript: getElementByID('#33').innerhtml

或制定CSS索引规则，其中有一个名为index的属性:(-1)或(1)等，用于放置下拉