使用用户输入从芯片列表中添加/删除项目

时间:2020-02-10 16:26:41

标签: javascript angular typescript angular-material

我正在尝试使用angular.material.io创建一个下拉标头,以便在选择时将材料切屑添加/删除到显示的列表中。这些将最终用于过滤,但示例代码中未使用。

我们要:

  • 通过从下拉菜单中选择选项来添加芯片
  • 通过键入的用户输入添加芯片(并选择处理中的相关选项)
  • 通过从下拉菜单中取消选择来删除芯片
  • 移除相关芯片后,从下拉菜单中取消选择一个选项

当前,我们可以双向添加芯片,但键入的用户输入不会选择相关选项。我们也可以通过单击X来删除芯片,但是它不会从下拉列表中删除它。

主要问题是,除了直接选择之外,复选框不受其他任何影响,我无法通过下拉列表使用芯片列表。

这是示例代码库: https://stackblitz.com/edit/angular-9rnfbc

0 个答案:

没有答案