级联下拉列表 - 多方向

Question

首先，我对 AngularJS 很陌生，我已经看到了多个级联下拉列表的实现，但它们没有按照我想要的方式运行和/或我不知道如何修改/扩展它们来做我想做的事情。

也许您可以指出正确的方向或发布示例。我相信它对很多人都有用。

所需功能：多个下拉列表，其中包含关系数据。在所选项目更改时，根据选择更新所有其他下拉列表。

示例 1：3 个下拉菜单。大学排名第一，专业排名第二，学位排名第三。

In most examples when college is selected majors in that college is displayed then when major is selected degrees are shown.我想要的是在选择专业时过滤大学或从第三个下拉列表中选择 PHD 时删除所有没有 PHD 课程的大学或任何没有 PHD 学位的专业。

示例 2：品牌（宝马、奥迪、梅赛德斯等）、款式（敞篷车、轿车、小型货车等）、价格范围（10k-20k、20k-30k、30k-50k 等）

选择品牌时，会显示其样式和价格范围。 选择样式时，会显示已选择样式的品牌，并删除没有商品落在该范围内的价格范围。 选择价格时，会显示该范围内的品牌和款式。

Answer 1

这个链接有用吗？

http://jsfiddle.net/annavester/Zd6uX/

function AjaxCtrl($scope) {
    $scope.countries = ['usa', 'canada', 'mexico', 'france'];
    $scope.$watch('country', function(newVal) {
        if (newVal) $scope.cities = ['Los Angeles', 'San Francisco'];
    });
    $scope.$watch('city', function(newVal) {
        if (newVal) $scope.suburbs = ['SOMA', 'Richmond', 'Sunset'];
    });
}

function StaticCtrl($scope) {
    $scope.countries = {
        'usa': {
            'San Francisco': ['SOMA', 'Richmond', 'Sunset'],
            'Los Angeles': ['Burbank', 'Hollywood']
        },
        'canada': {
            'People dont live here': ['igloo', 'cave']
        }
    };
}

还有另一种使用 ng-change attr 的方法：

https://stackoverflow.com/a/14386972/3202657