Kendo UI 下拉列表未更新 angular 范围

Question

我有 2 个 kendo UI 下拉菜单。更改第一个下拉菜单会更新第二个下拉菜单中的项目 - 想想州和县下拉菜单。

这是一个展示工作行为的道场： http://dojo.telerik.com/USuhi/2

如果您按照这些步骤操作，就会出现问题。

您期望 selected.county 为 {"id": 7,"text": "IN 7"}，但它实际上为空！

有没有更好的方法让angular和kendo-ui一起玩得很好，得到预期的结果？

Answer 1

基于 dojo，尝试更改此行

$scope.selected.county = null;

和

if ($scope.selected.state.text == "optionLabel") {
  $scope.selected.county = null;
} else {
  $scope.selected.county = {};
}

当然你应该对空项目进行更具体的搜索，也许是在一个 id 上（例如 -1）。

Kendo UI dropdown not updating angular scope