我正在尝试重新创建类似于 Google Data Studio 计算字段公式生成器的内容。你可以在这里看到一个例子： https://youtu.be/suAa8QtPBJY?t=123。

我已经将时间戳包含在我试图重新创建的确切示例中。基本上是一个具有自动完成功能的文本区域，允许您在算术运算符（如括号、SUM、减法等）之间添加多个度量/芯片。为此，我想到了 Angular Material 芯片，它们具有自动完成功能并突出显示您添加的元素，但我似乎找不到在芯片之间添加运算符的方法，因为当然，mat-chips 添加了运营商作为另一个芯片。

我想要实现的是这样的： Visual example of chips with operators in between

此外，这里有一个类似于我想要实现的目标的示例，但它适用于 Angular 6，而我在我的项目中使用的是 Angular 10：https://mattlewis92.github.io/angular-text-input-autocomplete/

我真的很感激这方面的帮助。或者，如果有人可以向我指出实现此功能的更好解决方案，我会很高兴。提前致谢！