title: Adding font awesome to my angular input field
body: <p>I would like to add a font awesome icon to my input field without having to use a link tag since I've already had it installed as a dependency in my angular app</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&quot;&gt;
      &lt;input id=&quot;searchHymn&quot; 
          class=&quot;form-control&quot; type=&quot;text&quot;
          placeholder=&quot;&amp;#xF0b0; Filter&quot; 
          [(ngModel)]='listFilter'&gt;
  </code></pre>
  <p>Having to add this link tag to font awesome is my problem since i already have font awesome on my <code>app.module.ts</code> file.</p>
  <p>I'll be glad if answers relating to using <code>@imports</code> is not given since it is basically the same as using link tag. Thanks.</p>