javascript - 如何在JavaScript(angularjs)中根据不同的过滤条件显示新的网格数据

Question

正如你所看到的，我创建了两个 JSON.data 文件，如果列表等于 A-1，我将在其中获取 json 数据，否则我将获取 data.json 下的所有主要数据。

我想要实现的是，在“列表”下，我有 3 个其他复选框选择，例如“B-1”、“C-1”和“D-1”，因此当选择其中一个复选框时，我想要在那里获取数据。我可以通过创建多个 json 文件来做到这一点。但我想知道是否将所有这些数据放在一个 json 文件下，每当我选择数据时，它只会在网格上显示该数据。

 get: function(selectedFilters, callback) {
      if(selectedFilters['List'] == 'A-1'){
        $http.get('dummy_data/data-list-asc.json?'+serialize(selectedFilters)).then(callback);
      }else{
        $http.get('dummy_data/data.json?'+serialize(selectedFilters)).then(callback);
      }

Answer 1

您可以将数据放置在单个 JSON 对象的不同属性中。只需添加另一个键、值层即可。

例如，如果您有 A-1.json:

{
  "foo": 1,
  "bar":2
}

对于 B-1.json:

{
  "foo": 3,
  "bar": 4
}

这些可以合并为:

{
  "A-1": {
    "foo": 1,
    "bar": 2
  }
  "B-1": {
    "foo": 3,
    "bar": 4
  }
}

当然，您必须相应地更改读取这些文件的脚本。

另一种选择是使用普通数据库，并按集合组织数据。查看MongoDB如果你还没有。