Javascript 在ng选项中获取对象的字段值并筛选其他

我已经创建了两个列表

1） 包含服务名称

2） 包含分配给服务名称的产品名称

存在与分配服务上的产品相匹配的ID

app.controller（'loadProductServicesCtrl'，函数（$scope）{
$scope.services=[
{“ServiceID”：1，“ServiceName”：“thettηλεπκκκκεεε”}，
{“ServiceID”：2，“ServiceName”：“Ενέργεα”}，
{“ServiceID”：3，“ServiceName”：“iΔιωτικήΑσφάλειαΥγείας”}
];
$scope.products=[
{
“ProductID”：9，
“服务ID”：1，
“服务名称”：“服务名称”，
“产品名称”：“商业500”，
“产品利润”：40，
“产品工具提示”：”
},
{
“ProductID”：10，
“服务ID”：2，
“服务名称”：“服务名称”，
“产品名称”：“商业1000”，
“产品利润”：50，
“产品工具提示”：”
},
{ 
“ProductID”：11，
“服务ID”：3，
“服务名称”：“服务名称”，
“产品名称”：“业务W”，
“产品利润”：75，
“产品工具提示”：”
}
];
});

选择服务
选择服务
{{x.ProductName}
您应该这样做

ng repeat=“产品中的x |过滤器：{ServiceID:myService.ServiceID}”

运行代码段


var-app=angular.module（'app'，[]）；
应用程序控制器（'loadProductServicesCtrl'，函数（$scope）{
$scope.services=[{
“服务ID”：1，
“服务名称”：“服务名称”
}, {
“服务ID”：2，
“服务名称”：“Ενέργεα”
}, {
“服务ID”：3，
“服务名称”：“服务名称”
}];
$scope.products=[{
“ProductID”：9，
“服务ID”：1，
“服务名称”：“服务名称”，
“产品名称”：“商业500”，
“产品利润”：40，
“产品工具提示”：”
}, {
“ProductID”：10，
“服务ID”：2，
“服务名称”：“服务名称”，
“产品名称”：“商业1000”，
“产品利润”：50，
“产品工具提示”：”
}, {
“ProductID”：11，
“服务ID”：3，
“服务名称”：“服务名称”，
“产品名称”：“业务W”，
“产品利润”：75，
“产品工具提示”：”
}];
});

选择服务
选择服务
所选Id:{myService.ServiceID}
{{x.ProductName}
在
ng重复时使用过滤器

ng-repeat="x in products | filter:{ ServiceID: myService.ServiceID }"

演示
我看不出您已经实现了过滤器。@Christoskesis它有用吗？很好，谢谢！选择名为“选择服务”的第一个选项时，将显示所有产品。当第一个选项被SLSect时，你能告诉我如何隐藏所有的产品吗？