title: Kendo DropDownList not displaying selected item
body: <p>I am trying to use a pair of Kendo dropdown lists to filter a dataset in AngularJS. One uses a static ObservableArray datasource to filter the dataset by status; the other datasource is a set of distinct values from the "regionID" column of the dataset, also stored as an ObservableArray. When the status dropdown changes, the region dropdown is supposed to reload the list of regions from the newly-filtered data. This works, but the selected value ends up blanked out, even though the model that's supposed to represent the selected value still has the correct value, and the data is still correctly filtered by that same value. Opening the dropdown and then clicking off of it causes it to then display that value as it should.</p>
  
  <p>Here is what the HTML looks like:</p>
  
  <pre><code>&lt;select name="filterByRegion" style="width: 180px;" class="form-control" ng-model="selectedRegion" ng-change="onRegionFilterChange(selectedRegion)" kendo-drop-down-list k-options="regionFilterOptions"&gt;&lt;/select&gt;
  &lt;select name="accountStatus" style="width: 180px;" class="form-control" ng-model="status" ng-change="onAccountStatusChange(status)" kendo-drop-down-list k-options="accountStatusOptions"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>Here are the two "onChange" methods from the controller:</p>
  
  <pre><code>        $scope.onAccountStatusChange = function(status) {
              $scope.status = status;
              updateRegionFilterList();
          };
          $scope.onRegionFilterChange = function(selectedRegion) {
              $scope.selectedRegion = selectedRegion;
          };
  </code></pre>
  
  <p>And lastly, here is the updateRegionFilterList method:</p>
  
  <pre><code>        var updateRegionFilterList = function () {
  
              $scope.regions.empty();
  
              angular.forEach($scope.accounts, function(account) {
                  if (account.reviewStatus === $scope.status) {
                      if ($scope.regions.indexOf(account.regionID) &lt;= -1) {
                          $scope.regions.push(account.regionID);
                      }
                  }
              });
  
              $scope.regions.sort();
              $scope.regions.unshift("Filter By Region:");
  
              if ($scope.regions.indexOf(tempRegion) &lt;= -1) {
                  $scope.selectedRegion = "Filter By Region";
              }
          };
  </code></pre>
  
  <p>I have tried many ways of working around this, including trying to preserve and reload the selectedRegion value, splicing out unneeded regions instead of emptying the ObservableArray, etc., and I have checked everything in the debugger and all of the values are correct (no obvious race conditions either).</p>
  
  <p>Any ideas?</p>