title: Telerik Kendo dropdownlist remove item
body: <p>I have a kendo dropdownlist which options looks like the following:</p>
  
  <pre><code>$scope.addressDropdownOptions = {
  
      dataSource: $scope.customerAddress,
      dataTextField: "Address.PrId",
      dataValueField: "PrId",
  
      headerTemplate: '&lt;div style="width:100%;"&gt;' +
              '&lt;span style="padding-left:5px; font-weight:bold;"&gt;City&lt;/span&gt;' +
              '&lt;span style="padding-left:129px; font-weight:bold;"&gt;Address&lt;/span&gt;' +
              '&lt;span style="padding-left:107px; font-weight:bold;"&gt;Note&lt;/span&gt;' +
              '&lt;/div&gt;',
  
      valueTemplate: '&lt;span&gt;{{dataItem.Address.City}} &lt;/span&gt;' +
                     '&lt;span&gt;{{dataItem.Address.Street}}&lt;/span&gt;',
  
      template: '&lt;div style="width:100%;"&gt;' +
                      '&lt;div class="customerDropDown"&gt;{{dataItem.Address.City}}&lt;/div&gt;' +
                      '&lt;div class="customerDropDown"&gt;{{dataItem.Address.Street}}&lt;/div&gt;' +
                      '&lt;div class="customerDropDown"&gt;{{dataItem.Address.Note}}&lt;/div&gt; &lt;/div&gt;',
  
  };
  </code></pre>
  
  <p>The user has the option to select one, and then hit a button, which is supposed to remove the selected item from the dropdownlist.</p>
  
  <p>So I'm doing the following:</p>
  
  <pre><code>$scope.customerAddress.splice(i, 1);
  </code></pre>
  
  <p>Now the selected item is not an option anymore in the dropdown, BUT - the valueTemplate is still showing the removed item. I'd like that to be the first index of $scope.customerAddress.</p>
  
  <p>Another problem is that the first option in the new list, can not be selected. When I click it, the valueTemplate still results in the previously removed item.</p>
  
  <p>Can anyone help me?</p>