angularjs - データ ソースの読み取り後に ng-model を選択できない

Question

何らかの理由で機能しない非常に単純なタスクがあります。私たちがやろうとしているのは、ユーザーがオブジェクト (この場合はフィルター) を作成し、それを Angular ドロップダウンに追加して、ユーザーが作成した値にドロップダウンを設定できるようにすることです。

ドロップダウンの設定を除いて、すべてが機能しています。response.data パラメーターには、ID の正しい値があります。実際、この値をその行にハードコーディングすると、ドロップダウンが更新されます。ただし、変数を使用してこれを設定しようとすると、ドロップダウン値が設定されません。

以下のコード:

$http.post('<apicallurl>', filterSaveObject).
      then(function (response) {
          $scope.filtersDataSource.read()
          $scope.selectedFilter = {}; -- selectedFilter is the ng-model
          $scope.selectedFilter.ID = response.data -- this line causing issues
      }, function (response) {
          alert('At least one filter is required');

      }); 

私の最善の推測では、モデルの準備ができていないため、静的に設定できますが、response.data 呼び出しでは設定できません。どんなアイデアでも大歓迎です！

編集：ドロップダウンのコードを追加

<select kendo-drop-down-list ="filterDropdownList"
k-options="filterDropdownOptions"
k-data-source="filtersDataSource"
k-ng-model="selectedFilter"></select>