#html #css #angular #primeng
#HTML #css #angular #primeng
Вопрос:
Есть ли способ добавить значок внутри primeng p-Автозаполнение?
<div class="p-mr-2 p-input">
<p-autoComplete styleClass="p-autocomplete-list-item" [(ngModel)]="location"
[suggestions]="results" field="name" placeholder="Search location">
</p-autoComplete>
</div>
Я ищу способ добавить значок местоположения внутри этого элемента автозаполнения
Комментарии:
1. Смотрите раздел с надписью Шаблоны здесь: primefaces.org/primeng/showcase/#/autocomplete
2. @R.Richards в шаблонах говорится о выпадающем списке автозаполнения. Я ищу значок в поле ввода, просто чтобы указать, что это поле поиска местоположения
Ответ №1:
PrimeNG предоставляет опцию InputGroup, которую можно использовать для добавления значка для ввода.
<div class="p-mr-2 p-input">
<div class="p-inputgroup">
<span class="p-inputgroup-addon">$</span>
<p-autoComplete styleClass="p-autocomplete-list-item" [(ngModel)]="location [suggestions]="results" field="name" placeholder="Search location">
</p-autoComplete>
</div>
</div>
Здесь вместо $
добавления требуемого значка местоположения.