title: How to use list-formatter example for ng2-auto-complete?
body: <p>I'm trying to use the list-formatter feature for ng2-auto-complete but unable to find a good example of how this is implemented. I have the following code so far:</p>
  
  <pre><code>&lt;input class="form-control input-list" ng2-auto-complete
        [(ngModel)]="model4"
        placeholder="Search"
        [source]="googleGeoCode"
        list-formatter="myListFormatter"
        path-to-data=""
        value-property-name=null
        display-property-name=null
        min-chars="2"
        /&gt;
  
  export class HomeComponent {
  
    templateStr: any = templateStr;
    valuePropertyName: string;
    displayPropertyName: string;
  
    googleGeoCode: string = "http://localhost:61227/machine/?query=:keyword";
  
    myListFormatter(data: any): string {
          let html: string = "";
          html += data[this.valuePropertyName] ? `&lt;b&gt;(${data[this.valuePropertyName]})&lt;/b&gt;` : "";
          html += data[this.displayPropertyName] ? `&lt;span&gt;${data[this.displayPropertyName]}&lt;/span&gt;` : data;
          return html;
        }
  
   }
  </code></pre>
  
  <p>So, how can I get the list-formatter to work?</p>