title: how to set icon instead of placeholder angular 2
body: <p>I have implemented filter of <a href="https://www.primefaces.org/primeng/#/datatable/filter" rel="nofollow noreferrer">datatable of primeng. </a>
  my code is as below:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p-column field="time" header="Time" [filter]="true" filterPlaceholder="" filterMatchMode="in"&gt;
    &lt;ng-template pTemplate="filter" let-col&gt;
      &lt;p-multiSelect [options]="timeOptions" styleClass="ui-column-filter" (onChange)="dt.filter($event.value,col.field,col.filterMatchMode)"&gt;&lt;/p-multiSelect&gt;
    &lt;/ng-template&gt;
  &lt;/p-column&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>and output is like this:</p>
  <p><a href="https://i.stack.imgur.com/aSSSb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aSSSb.png" alt="enter image description here" /></a></p>
  <p>But I want search icon instead of dropdown field. Can anyone suggest any solution?</p>