primeng - 我怎样才能在 primeNg 输入中有一个清晰的图标？

Question

需要在 primeNg 的文本框内放置一个清晰的图标。单击它应该会清除该字段。

Answer 1

对于 Primefaces

<div class="ui-inputgroup">

   <span class="ui-inputgroup-addon">
      <i class="fa fa-fw fa-search"></i>
   </span>

  <input type="text" [value]="search_text" placeholder="Search" #texttosearch (keyup)="onKey(texttosearch.value)" pInputText>

   <span class="ui-inputgroup-addon">
      <i class="fa fa-fw fa-times" (click)="texttosearch.value = ''"></i>
   </span>

</div>