Модификация CSS ng2-завершителя - PullRequest
0 голосов
/ 24 октября 2018

Я недавно начал использовать ng2-completeter в своем приложении Angular 5, и я следовал по этой ссылке http://oferh.github.io/ng2-completer/#/native' о том, как работает элемент управления, и не смог получить всю функциональность.

1) Я бы хотел, чтобы элемент управления выглядел так:

enter image description here

Когда я следую за плунжером, упомянутым в URL (https://www.npmjs.com/package/ng2-completer) Iне получайте стрелку вместо этого, я просто получаю простой элемент управления.

2) Когда я набираю что-то в элементе управления, раскрывающийся держатель, в котором есть все элементы, должен соответствовать ширине элемента управления.Держатель раскрывающегося списка превышает ширину элемента управления. Поэтому, когда я увеличиваю ширину до 95%, ширина элемента управления увеличивается, но теперь раскрывающийся держатель становится меньше по ширине.Поэтому я бы хотел, чтобы раскрывающийся держатель соответствовал ширине элемента управления. Снимок экрана ниже объясняет сценарий:

enter image description here

Я перешел по множеству ссылоки они предложили внести изменения в css для .completer-dropdown и .completer-dropdown-holder, но это не помогло.Я ищу элемент управления, который будет отображаться, как в точке # 1, и держатель должен соответствовать ширине элемента управления.

У меня такой же код, как и у плунжера, указанного на веб-сайте дляng2-completeter. (https://next.plnkr.co/edit/sVnfpBiEb5jBdtul4ls9?p=preview&preview)

Не могли бы вы дать мне знать, как можно настроить этот элемент управления в соответствии с требованиями, указанными выше.

...