title: How to use a custom template in ng-bootstrap typeahead?
body: <p>Here is the <a href="https://ng-bootstrap.github.io/#/components/typeahead/examples" rel="nofollow noreferrer">ng-bootstrap typeahead</a> code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;col&quot;&gt;
    &lt;input
      id=&quot;typeahead-config&quot;
      type=&quot;text&quot;
      class=&quot;form-control&quot;
      [(ngModel)]=&quot;model&quot;
      [ngbTypeahead]=&quot;search&quot;
      formControlName=&quot;searchText&quot;
      [resultFormatter]=&quot;formatted&quot;
      [inputFormatter]=&quot;formatter&quot;/&gt;
  &lt;/div&gt;
  </code></pre>
  <p>How do make changes to this dropdown?</p>
  <p><a href="https://i.stack.imgur.com/Y5gDH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y5gDH.png" alt="enter image description here" /></a></p>
  <p>I need to add a custom<code>&lt;b&gt;{{item.somevalue}}&lt;/b&gt;</code> tags to that dropdown. Thank you!</p>