Javascript AngularJS中的多选相互依赖下拉列表

我想在javascript/jQuery/AngularJS中有一个多选相互依赖的下拉列表。假设数据来自数据库查询，则会预填充下拉列表

字段：

• 下拉列表-1
• 下拉菜单-2
• 下拉菜单-3
• 提交按钮

如果我们选择下拉列表-2，其他两个下拉列表应根据下拉列表-1进行更新，反之亦然。类似于图像中的Excel功能

怎么做

angular.module（'myApp'，[]）
.controller（'MyController'，MyController）
函数MyController（$scope）{
$scope.candidateSel=未定义；
$scope.selectedCompany=未定义；
$scope.selecetdLoc=未定义；
$scope.listData=[{
“候选人id”：“1”，
“候选人姓名”：“姓名1”，
“候选人电子邮件”：amitsutar119@gmail.com",
“候选公司”：“公司1”，
“候选位置”：“com1\U loc1”，
“候选部门”：“com1\U loc1\U dep1”
}, {
“候选人id”：“3”，
“候选人姓名”：“姓名3职位1”，
“候选人电子邮件”：name3@gmail.com",
“候选公司”：“公司1”，
“候选位置”：“com1\U loc1”，
“候选部门”：“com1\U loc1\U dep1”
}, {
“候选人id”：“5”，
“候选人姓名”：“史密斯”，
“候选人电子邮件”：smith@gmail.com",
“候选公司”：“公司2”，
“候选位置”：“com2\U loc2”，
“候选部门”：“com2\U loc2\U dep1”
}, {
“候选人id”：“6”，
“候选人姓名”：“史密斯”，
“候选人电子邮件”：smith@gmail.com",
“候选公司”：“公司2”，
“候选位置”：“com2\U loc2”，
“候选部门”：“com2\U loc2\U dep1”
}];
$scope.getInfo=function（）{
if（$scope.candidateSel）{
$scope.company=[$scope.candidateSel['candidate_com']；
$scope.location=[$scope.candidateSel['candidate_loc']；
}
};
}

姓名：
挑选
公司：
挑选
地点：
挑选