Angular 6 Ngx预输入选项渲染

时间:2018-12-06 05:19:07

标签: angular angular6 typeahead

我正在使用Angular ngx-bootstrap typeahead plugin

enter image description here

当我提前使用模式输入时,

选项值显示在容器模态内部。

但是我不想在容器模式中显示

我想在下面显示外部模式图片。

enter image description here

我需要设置什么?

对不起,英语。

非常感谢。

1 个答案:

答案 0 :(得分:0)

我不知道这种方法是否好。

但是

我已经解决了。

步骤:1:在根z-index中设置style.scss

typeahead-container {
    z-index: 99999 !important;
}

步骤 2:在“输入类型”标题标签内添加属性[container]="'body'"

<input
   ....
   [container]="'body'"
   ....
   class="form-control">

结果:

enter image description here

为我工作。

对不起,英语。