title: How to reset the text in kendo autocomplete after selection
body: <p>I'm using Kendo autocomplete with angular 4, I'm trying to clear the text in autocomplete box after selecting the value from popup.</p>
  
  <pre><code>&lt;div class="example-wrapper"&gt;
    &lt;kendo-autocomplete [data]="listItems" [value]="country" 
    [placeholder]="'e.g. Andorra'" (valueChange)="locationValueChange($event)"&gt;
    &lt;/kendo-autocomplete&gt;
  
    &lt;div *ngFor="let location of selectedValues; let i = index;"&gt;
                  {{location}}
              &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  
  public listItems: Array&lt;string&gt; = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
  
  
       public country: string = "Austria";
  
       public selectedValues: Array&lt;string[]&gt; = [];
  
  
       public locationValueChange(value: any): void {
         this.selectedValues.push(value);
         this.country='';
         console.log(this.country);
      }
  </code></pre>
  
  <p>Even when I'm setting value field to none. Its still having the data in box.
  Please suggest any idea to achieve this.
  <a href="https://plnkr.co/edit/fd1axcd5niJPat0on8Zh?p=preview" rel="nofollow noreferrer">Plunker link of code</a></p>