title: AngularJS TypeScript Kendo UI DropDownList - bug with default value selected
body: <p>I have list of objects for items and everything works fine, but now I want to add <strong>default value selected</strong>, but I have issues with it.</p>
  
  <p>Here's the HTML code for the drop-down:</p>
  
  <pre><code>&lt;select kendo-drop-down-list 
          k-options="selectItems" 
          k-ng-model="selectedItem"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And in AngularJS (using TypeScript) I'm making the drop-down:</p>
  
  <pre><code>this.itemsToSelect = [{id: 1, name: "One"}, {id: 2, name: "Two"}];
  
  this.selectItems = {
      optionLabel: "Select items...",
      dataTextField: "name",
      dataValueField: "id",
      dataSource: new kendo.data.DataSource({
        transport: {
          read: (options) =&gt; {
            options.success(this.itemsToSelect);
          }
        }
      }),
      value: this.itemsToSelect[0]
    };
  </code></pre>
  
  <p>I don't have default value selected with this.</p>
  
  <p>I tried the code from their documentation and it works with items as strings, but with items as objects works when I say something like:</p>
  
  <pre><code>value: this.itemsToSelect[0].id
  </code></pre>
  
  <p>So, their code looks like this:</p>
  
  <pre><code>&lt;script&gt;
      let items = [{id: 1, name: "one"}, {id: 2, name: "two"}];
  
      $("#dropdownlist").kendoDropDownList({
          dataTextField: "name",
          dataValueField: "id",
          dataSource: items,
          value: items[1].id
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I tried this in my code and it doesn't work.</p>
  
  <p>Code doesn't have any errors. Any suggestions?</p>
  
  <blockquote>
    <p>EDIT</p>
  </blockquote>
  
  <p>What I can do is this:</p>
  
  <pre><code>this.selectedItem = this.itemsToSelect[0];
  </code></pre>
  
  <p>I've set <code>k-ng-model</code> in the HTML and I can just set the selected value like this.</p>
  
  <p>But, is there a way to do it through <strong>value</strong> in <code>this.selectItems</code> object?</p>