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

在此处代替 $ 添加所需的位置图标。