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

有没有办法在Priming 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>

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

Priming提供了一个选项，可用于添加输入图标

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

$
Priming提供了一个选项，可用于为输入添加图标

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


$
请参阅此处标记为Templating的部分：@R.Richards模板正在讨论自动完成的下拉列表。我在输入框中寻找一个图标，只是为了表明这是一个位置搜索字段。请参见此处标记为Templating的部分：@R.Richards Templating指的是autocomplete的下拉列表。我在输入框中寻找一个图标，以表明这是一个位置搜索字段