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>

在这里而不是$添加所需的位置图标。