以逗号作为分隔符的 Angular Material 芯片输入不允许 '<'(小于)

Question

在material带有输入的 Chip 示例，他们使用 Enter 和 Comma 作为键来触发 Add 事件。但是，它似乎无法区分 COMMA 和 SHIFT+COMMA。这导致我无法在字段中输入“<”小于符号。有没有一种方法可以指定只有非移位逗号应该添加芯片？

Answer 1

该指令监听 keydown 键代码。由于 shift 是一个单独的键，因此 shift-逗号 ('<') 和逗号之间没有区别。您唯一可以做的就是关闭逗号响应 - 在演示中它是由 [matChipInputSeparatorKeyCodes]="separatorKeysCodes" 选项故意添加的 - 默认行为仅是输入键。