小编Lin*_*pke的帖子

我有一个包含Fabrics数组的Angular2网格。这些织物具有诸如颜色或织物类型的特性。现在，网格已全部显示。我需要一些关于颜色和织物类型的复选框的数量以及旁边的数量。仅在单击“应用过滤器”按钮后，网格才会显示过滤的织物。但是，当选中一个复选框时，其他复选框的计数会更改。

例如

有人可以提供一些最有效的见解吗？我现在有所有数据。我将创建管道或过滤服务，还是拥有表单？

** 楷模 **

ProductConfigurationOption是选项选择的整体父项。例如 结构是ConfigurationOption。

配置选项选择是特定的结构，例如Tan Chenille。单个ConfigurationOptionChoice具有许多OptionChoiceProperty。

产品配置选项

import { ProductConfigurationOptionChoice } from './product-configuration-option-choice';
import { IProductConfiguratorOptionChoiceProperties } from '../Interfaces/iproduct-configurator-option-choice-properties';
import { IProductConfigurationOptionChoice } from '../Interfaces/iproduct-configuration-option-choice';
import { IProductConfigurationOption } from '../Interfaces/iproduct-configuration-option';

export class ProductConfigurationOption implements IProductConfigurationOption {
   constructor(
        public ConfiguratorID: number,
        public OptionID: number,
        public OptionName: string,
        public OptionDescription: string,
        public OptionSortOrder: number,
        public SKUPartOrdinal: number,
        public ProductConfigurationOptionChoice: IProductConfigurationOptionChoice[],
        public OptionChoicesProperties: IProductConfiguratorOptionChoiceProperties[]
    ) {

    }
}

产品配置选项选择

import { ProductConfiguratorOptionChoiceProperties } from '../Models/product-configurator-option-choice-properties';
import { IProductConfiguratorOptionChoiceProperties …