title: Implementing ng2-completer
body: <p>I am currently using ng2-completer (<a href="https://github.com/oferh/ng2-completer" rel="nofollow noreferrer">https://github.com/oferh/ng2-completer</a>) for angular 2 and struggling to add in the suggestions to have the full response instead of just having one value.</p>
  
  <p>Also, when the suggestion is selected, how is the method assigned to handle this?</p>
  
  <p>The code I've got so far is:</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { AutoComplete } from './autocomplete';
  import { CompleterService, CompleterData, RemoteData } from 'ng2-completer';
  import { SearchComponent } from './search.component';
  import { QueryService } from './query.service';
  
  
  @Component({
    selector: 'app-home',
    template: `&lt;ng2-completer [(ngModel)]="searchStr" [dataService]="dataService" [minSearchLength]="0" [inputClass]="['form-control input-list']" [autofocus]="['true']" [selected]="selected()"&gt;&lt;/ng2-completer&gt;`,
    //directives: [ AutoComplete ]
  })
  
  export class HomeComponent {
  
    public searchStr: string;
    private dataService: CompleterData;
  
    constructor(private completerService: CompleterService, private queryService: QueryService) {
      //this.dataService = completerService.local(this.searchData, 'color', 'color');
      this.dataService = completerService.remote('http://localhost:61227/machine/?query=','ComputerHostname, AssetID', 'ComputerHostname').descriptionField('ComputerType');
  
  //this.dataService = this.queryService.search(searchStr).then(items =&gt; this.items = items);  
  
  }
  
  selected () {
  
  console.log("test");
  
  }
   }
  </code></pre>
  
  <p>However it shows the following error:</p>
  
  <p>Can't bind to 'selected' since it isn't a known property of 'ng2-completer'.</p>