Angular 6 Ngx typeahead 选项渲染

标签 angular angular6 typeahead

我正在使用Angular ngx-bootstrap typeahead plugin

enter image description here

当我在模态中使用输入预输入时,

选项值显示在容器模式内。

但我不想显示容器模式内部

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

enter image description here

我需要设置什么?

对不起,英语不好。

非常感谢。

最佳答案

不知道这个方法好不好。

但是

我已经可以解决了。

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

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

步骤 2:在输入类型头标记内添加属性[container]="'body'"

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

结果:

enter image description here

为我工作。

对不起,英语不好。

关于Angular 6 Ngx typeahead 选项渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53645075/

相关文章:

javascript - AngularUI-Bootstrap Typeahead : Grouping results

java - com.fasterxml.jackson.databind.exc.InvalidDefinitionException : Cannot construct instance of `org.springframework.web.multipart.MultipartFile`

typescript - Angular 6 Material 树折叠功能无法正常工作

angular - 当以 5/6 Angular Angular 单击按钮时,如何从 url 下载文件

autocomplete - 使用 ElasticSearch 支持 typeahead autocomplete

javascript - 正确更新 bootstrap-typeahead.js 中的 source Option

javascript - 如何在页面加载 Angular 6上加载模式

CSS 背景图片网址未显示

angular - 如果以 Angular 调用两次,如何等待相同的可观察对象完成?

angular - 如何从 typescript 中另一个函数的外部访问函数内部的变量?