Javascript 级联下拉列表-多方向

首先，我对AngularJS非常陌生，我见过一些级联下拉列表的实现，但是它们没有按照我想要的方式运行，并且/或者我不知道如何修改/扩展它们来实现我想要的功能

也许你可以给我指出正确的方向或者举个例子。我相信这会对很多人有用

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

示例1:3个下拉列表。第一个是大学，第二个是专业，第三个是学位

在大多数示例中，当选择学院时，显示该学院的专业，然后显示选择专业时的学位。我想要的是当选择专业时过滤学院或当从第三个下拉列表中选择博士时删除所有没有博士课程的学院或任何没有博士学位的专业

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

选择品牌时，展示其款式和价格范围。 选择样式时，显示已选择样式的品牌，并删除没有属于该范围的项目的价格范围。 选择价格时，显示该范围内的品牌和款式。

此链接有用吗

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

---

不幸的是，没有。我见过这样的例子。我正在寻找两个不同点，例如：1-所有下拉列表应始终启用。2-假设第一个下拉列表是苹果、华硕、联想等，第二个下拉列表是笔记本电脑、台式机、平板电脑等，第三个下拉列表是价格范围，如250-500、500-750和750+。我希望能够选择桌面电脑来筛选出没有任何桌面电脑的公司，并排除没有桌面电脑的价格范围。

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']
        }
    };
}