0

我最近开始在我的 Angular 5 应用程序中使用 ng2-completer,我正在关注这个链接“ http://oferh.github.io/ng2-completer/#/native ”,了解控件的工作原理,但无法获得所有功能。

1)我希望控件看起来像这样:

在此处输入图像描述

当我按照 url ( https://www.npmjs.com/package/ng2-completer ) 中提到的 plunker 时,我没有得到箭头,而是得到了简单的控制。

2)当我在控件中输入内容时,具有所有项目的下拉框应与控件的宽度匹配。下拉框超出了控件的宽度。因此,当我将宽度设置为 95% 时,控件的宽度增加了,但现在下拉框的宽度变小了。所以我希望下拉保持器与控件的宽度相匹配。下面的屏幕截图解释了该场景:

在此处输入图像描述

我关注了很多链接,他们建议对 .completer-dropdown 和 .completer-dropdown-holder 的 css 进行更改,但没有帮助。我正在寻找要像第 1 点一样显示的控件,并且持有人应该与控件的宽度相匹配。

我拥有的代码与 ng2-completer 网站中列出的 plunker 中的代码相同。(https://next.plnkr.co/edit/sVnfpBiEb5jBdtul4ls9?p=preview&preview

您能否让我知道如何根据上面发布的要求使此控件起作用。

4

0 回答 0