PrimeNG Angular 10 - 如何在 p-autoComplete 中添加图标

Question

有没有办法在 primeng p-autoComplete 中添加图标？

<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>

我正在寻找一种方法在此自动完成元素中添加位置图标

Answer 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>

在此处而不是 $ 添加所需的位置图标。

PrimeNG Angular 10 - 如何在 p-autoComplete 中添加图标

PrimeNG Angular 10 - How to add an icon in p-autoComplete

html

css

primeng

angular