title: Angular2 ng2-auto-complete display and selection issues
body: <p>I have implemented the Angular 2 ngui-auto-complete component by following this <a href="https://www.npmjs.com/package/@ngui/auto-complete" rel="nofollow noreferrer">component</a>. And related to this i found <a href="http://plnkr.co/edit/ExzNSh?p=preview" rel="nofollow noreferrer">example</a>. But the issue I'm facing is, on my auto-complete there multiple dependencies. So for that on selection I want id but I am not getting on selection id.</p>
  
  <p>And one more facing issue is my source is in the form of an object with id as one of the fields. And by following the implementation example of the component, the id is displayed in parenthesis in the dropdown. Is there a way to not display the id in the dropdown?</p>
  
  <p>Here is my HTML code for the auto-complete component:</p>
  
  <pre><code>&lt;input  class="text-uppercase form-control" ngui-auto-complete [(ngModel)]="shipper.cust_name" [source]="shipperNameSource.bind(this)" value-property-name=null  value-formatter="cust_name" min-chars="1" (change)="updateShipperDetails()"/&gt;
  </code></pre>
  
  <p>My component</p>
  
  <pre><code>shipperNameSource = (keyword: any): Observable&lt;any[]&gt; =&gt; {
      let url: string = 
        'api/getCustomers?selected='+keyword
      if (keyword) {
        return this.http.get(url)
          .map(res =&gt; {
              let json = res.json();
              this.customer.id = json.id;
            return json;
          })
      } else {
        return Observable.of([]);
      }
  }
  </code></pre>
  
  <p>This is what I get </p>
  
  <p><a href="https://i.stack.imgur.com/fB9xX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fB9xX.png" alt="enter image description here"></a></p>