Angular 反应式表单过滤器列表答案

【问题标题】：Angular reactive form filter list of checkboxesAngular 反应式表单过滤器列表
【发布时间】：2019-03-14 16:30:48
【问题描述】：

我有一个复选框列表和一个输入字段。每个复选框都有一个名称。

我想使用输入字段中的值按名称过滤列表。预期的结果是只有那些复选框是可见的，其名称包含在输入字段中键入的文本。

这在 AngularJS 中非常简单，使用 Angular 的模板驱动表单也很容易做到。

但我需要以反应形式进行。我到底该怎么做？

【问题讨论】：

【解决方案1】：

您可以将复选框列表设为 Observable，并在用户每次搜索时更改可观察对象的值。或者您可以存储两个副本。第一个将保存复选框的主列表，第二个将保存根据搜索词过滤的结果。

根据方法 2 进行了一些调整以帮助您入门。seen here

希望这足以让您入门。

如果您需要使其成为可观察的，请联系。

【讨论】：

【解决方案2】：

在表单数组中再创建一个名称表单控件。这样您就可以知道哪个框被选中或没有按名称。

【讨论】：