title: Kendo combo-box with virtualization and setting index
body: <p>Combo box not binding the data with k-index.</p>
  
  <p>I have given the index as 0(zero) because I want to set first item as default.</p>
  
  <p>I have demonstrated the issue in <a href="http://plnkr.co/edit/aAsjzmtLHeB3agSAWkxI?p=preview" rel="nofollow">plunker</a>.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css" /&gt;
            &lt;link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div ng-app="KendoDemos"&gt;
          &lt;div ng-controller="MyCtrl"&gt;
                  &lt;select kendo-combo-box
                          k-placeholder="'Select product'"
                          k-data-text-field="'ProductName'"
                          k-data-value-field="'ProductID'"
                          k-filter="'contains'"
                          k-ng-model="selectedProduct"
                          k-index="0"
                          k-data-source="productsDataSource"
                          k-cascade="productsOnCascade"
                          k-on-change="productsOnChange(event)"
                          k-virtual="productsVirtualOptions"
                          k-height="200"&gt;
                  &lt;/select&gt;
          &lt;/div&gt; 
      &lt;/div&gt;
          &lt;script src="http://kendo.cdn.telerik.com/2015.3.1111/js/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://kendo.cdn.telerik.com/2015.3.1111/js/angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"&gt;&lt;/script&gt;
        &lt;script src="app.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>