剑道DropDownList不显示选定的项目

Question

我试图使用一对剑道下拉列表来过滤AngularJS中的数据集。其中一个数据源使用静态可观察数组按状态筛选数据集；另一个数据源是数据集的“区域ID”列的一组不同值，也存储为可观察数组。当状态下拉列表更改时，区域下拉列表应该从新过滤的数据中重新加载区域列表。这是可行的，但是选定的值最终会被忽略，即使应该代表选定值的模型仍然具有正确的值，并且数据仍然被相同的值正确过滤。打开下拉列表，然后单击它，使其按应有的方式显示该值。

以下是超文本标记语言的样子：

<select name="filterByRegion" style="width: 180px;" class="form-control" ng-model="selectedRegion" ng-change="onRegionFilterChange(selectedRegion)" kendo-drop-down-list k-html" target="_blank">options="regionFilterOptions"></select>
<select name="accountStatus" style="width: 180px;" class="form-control" ng-model="status" ng-change="onAccountStatusChange(status)" kendo-drop-down-list k-options="accountStatusOptions"></select>

以下是来自控制器的两个"onChange"方法：

        $scope.onAccountStatusChange = function(status) {
            $scope.status = status;
            updateRegionFilterList();
        };
        $scope.onRegionFilterChange = function(selectedRegion) {
            $scope.selectedRegion = selectedRegion;
        };

最后，这里是updateArea onFilterList方法：

        var updateRegionFilterList = function () {

            $scope.regions.empty();

            angular.forEach($scope.accounts, function(account) {
                if (account.reviewStatus === $scope.status) {
                    if ($scope.regions.indexOf(account.regionID) <= -1) {
                        $scope.regions.push(account.regionID);
                    }
                }
            });

            $scope.regions.sort();
            $scope.regions.unshift("Filter By Region:");

            if ($scope.regions.indexOf(tempRegion) <= -1) {
                $scope.selectedRegion = "Filter By Region";
            }
        };

我已经尝试了很多方法来解决这个问题，包括尝试保留和重新加载selectedRegion值，剪接不需要的区域而不是清空ObservableArray，等等，我已经在调试器中检查了所有内容，并且所有的值都是正确的（也没有明显的竞争条件）。

有什么想法吗？

Answer 1

我想出来了。我在下拉列表中混合了剑道和角度配置，并且依靠角度过程来更新数据，这并没有正确地更新剑道MVVM。换成纯剑道就成功了。