title: kendo angular dropdown setting a value programmatically
body: <p>Using kendo angular dropdown, 
  I can set the data and default value, but for some reason setting the value later on from the available options does not work?</p>
  
  <p>i have a basic data model of {id:x, value:y}.
  what is the correct code to set the value after the dropdown was initialized?</p>
  
  <p>using latest version of angular and kendo.</p>
  
  <p>initializing the value with:</p>
  
  <pre><code>public areaModel: {id:number, value: string}
  </code></pre>
  
  <p>then I tried to set it with:</p>
  
  <pre><code>this.areaModel = {id: data.site.siteId, value: data.site.siteName}
  </code></pre>
  
  <p>the actual dropdown is: </p>
  
  <pre><code>&lt;kendo-dropdownlist [data]="area" [(ngModel)]="areaModel" [textFIeld]="value" [valueField]="id"&gt;&lt;/kendo-dropdownlist&gt;
  </code></pre>
  
  <p>do ignore typo errors since I'm typing this amnually - the code is in a closed system.</p>
  
  <p>also, everything else is working' I can set the data, I can get the selected value.</p>