剑道 UI 下拉菜单不更新角度范围

Question

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

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

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

1. 在第一个下拉菜单中选择“IN”
2. 在第二个下拉菜单中选择“IN 7”
3. 在第一个下拉菜单中选择“optionLabel”
4. 在第一个下拉菜单中选择“IN”
5. 在第二个下拉菜单中选择“IN 7”

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

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

Answer 1

根据道场，尝试改变这一行

$scope.selected.county = null;

与

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

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