javascript - 在代码 AngularJS 中过滤 Json

Question

你好，我有以下 JSON

$scope.Facilities=
[
    {
        Name: "-Select-",
        Value: 0, 
        RegionNumber: 0
    },

    {
        Name: "Facility1",
        Value: 1, 
        RegionNumber: 1

    },

    {
        Name: "Facility2",
        Value: 2, 
        RegionNumber: 1
    },

    {
        Name: "Facility3",
        Value: 3, 
        RegionNumber: 2
    }
];

$scope.Regions=
[
    {
        Name: "-Select-",
        RegionNumber: 0
    },

    {
        Name: "USA",
        RegionNumber: 1
    },

    {
        Name: "Mexico",
        RegionNumber: 2
    }
];

我的应用程序中有两个 DropdownList，它们将分配这些 Json 之一。

每当您选择一个区域时，都会触发 ng-change。我想要的是让 Facility DDL 更新它的值。它只会显示 RegionNumber 等于所选区域的 RegionNumber 的设施。

我怎样才能做到这一点？我正在使用 Angular JS、MVC...

注意:-Select- 值必须始终出现，即使它的值为零且不等于所选区域。

Answer 1

虽然像 greengrassbluesky 这样的数据结构可能会简化结果，但您可以使用利用 javascript 过滤的 onchange 来完成同样的事情

$scope.Facilities = masterFacilities.filter(function (el) {
        return regionNumber = el.RegionNumber == $scope.SelectedRegion || el.RegionNumber == 0;
    });

这是一个 fiddle以使用您的列表为例。