title: How to search value in ngselect?
body: <p>From Api, I get the countryName and code as like below</p>
  
  <p>eg:-</p>
  
  <pre><code>  countryName        code
    -----------------------
    India              IND
    United States      USA
    Aruba              ABW
  </code></pre>
  
  <p>I want to use the ngSelect dropdown and want to display the value like countryName (code) in dropdown.</p>
  
  <p><strong>eg: India (IND)</strong></p>
  
  <p><strong>Question:-</strong> I want concatenate the <strong>countryName</strong> and <strong>code</strong>. And want to filter the dropdown value based on <strong>both countryName and code</strong>.
  Below is the code which I tried. But its not working properly</p>
  
  <p><strong>component.html</strong></p>
  
  <pre><code>  &lt;ng-select [items]="countries" bindLabel="description" bindValue="code"
             clearAllText="Clear" formControlName="countryCode"
            [searchFn]="customSearchFn"&gt;
        &lt;ng-template ng-label-tmp let-item="item"&gt;
            &lt;span &gt;{{ item.countryName + ' (' + item.code + ')' }}&lt;/span&gt;
        &lt;/ng-template&gt;
        &lt;ng-template ng-option-tmp let-item="item" let-search="searchTerm" let-index="index"&gt;
             &lt;span &gt;{{ item.countryName + ' (' + item.code + ')' }}&lt;/span&gt;
        &lt;/ng-template&gt;
     &lt;/ng-select&gt;
  </code></pre>
  
  <p><strong>component.ts</strong></p>
  
  <pre><code>getCountry() {
  this.lookupService.getCountry().subscribe(
    data =&gt; {
      this.countries = data;
    });
   }
  </code></pre>
  
  <p><strong>customSearchFn</strong></p>
  
  <pre><code>customSearchFn(term: string, item: Lookup) {
    term = term.toLocaleLowerCase();
    return item.code.toLocaleLowerCase().indexOf(term) &gt; -1 || item.countryName.toLocaleLowerCase() === term;
     }
  </code></pre>
  
  <p>Can anybody give me a solution for Searching?</p>