title: default value of kendo drop down not being set in angular
body: <p>I have bound data to the kendo-dropdown list in angular 7 application and now trying to set the default value. I have set the defaultItem property to the id same as the valuefield but it doesnt seem to show the default value. It is showing the text FundClassId instead.</p>
  
  <p>Markup</p>
  
  <pre><code> valueField="FundClassId" defaultItem = "FundClassId"  (valueChange)="flashClassChanged($event)"&gt;&lt;/kendo-dropdownlist&gt;
  </code></pre>
  
  <p>Component</p>
  
  <pre><code>fundclassSelected: any;
  </code></pre>
  
  <p>JSON Structure</p>
  
  <pre><code>"[{"FundClassId":13714,"FundClass":"Class D"},{"FundClassId":13717,"FundClass":"Class B"},{"FundClassId":13713,"FundClass":"Class A"},{"FundClassId":13716,"FundClass":"Class B1"},{"FundClassId":13715,"FundClass":"Class C"}]"
  </code></pre>