Javascript 我可以填充ServiceType，但可以'；t获取ServiceName的正确值（相关下拉列表）

如何根据ServiceType下拉选择的值获得正确的ServiceName下拉列表值

$scope.serviceType和name=[
{ 
“id”：0，
“类型”：“，
“列表”：”
},
{ 
“id”：1，
“类型”：“亲自”，
“清单”：[“日常生活能力功能评估”、“社区功能评估”、“未来护理成本分析”]
},
{ 
“id”：2，
“类型”：“论文回顾”，
“列表”：[“OT-在家评估-ABI”，“OT-在家评估-带表格1的护理人员”，“OT-职业治疗评估”]
},
{ 
“id”：3，
“类型”：“管理”，
“清单”：[“情景评估”、“情景评估（OT）-第1天”、“情景评估（OT）-第2天”、“施工成本咨询”]
}  
];
$scope.selectedLine=[{“事件ID”：“100”，“服务类型”：“当面”，“服务名称”：“社区功能评估”}，{“事件ID”：“101”，“服务类型”：“论文回顾”，“服务名称”：“OT-职业治疗评估”}，{“事件ID”：“102”，“服务类型”：“当面”，“服务名称”：“未来护理成本分析”}]

{{temp.type}
您的数据的结构并不是最简单的，但也不是最糟糕的：


基本上，您需要在
ServiceTypeAndName
数组中找到匹配的对象。这需要一个过滤器：

$scope.selectedLineChanged = function () {                  
   $scope.SelectedServiceTypeAndName = $filter('filter')($scope.ServiceTypeAndName, $scope.selectedLine.Service_Type)[0];           
};  

事情是这样的：我不知道您打算如何加载选定的项目，即存储在
selectedLines
数组中的项目。我通过plnkr中的选择框加载项目

更改顶框后，它将与其余两个匹配

您可能需要澄清最后一段。很难理解你的最终目标是什么。此外，您的行
ng repeat=“temp in selectedLine.ServiceNameList”
引用的属性
ServiceNameList
在您的
selectedLine
上不存在。在本例中，
selectedLine
是一个数组。我已经更新了段落和第二个selecthtml。非常感谢。它起作用了。你能建议我对我的结构做些什么改变以使它更简单吗？@KarimAli我不确定你是否控制了你的数据结构，所以我在这些限制范围内工作。查看后，只要您对我在
服务类型和名称中跟踪匹配的对象的介绍没有异议，那么您的数据结构就很好。