html - 需要根据打开和关闭的括号为数组元素应用边框

Question

我有一个数组

Attributedata = ['(', 'Keyword Atribute', 'OR, 'AND', 'Call Atribute', 'Sentiment Atribute', ')'];

我将在 UI 中选择和显示。但是一旦选择了 ( 和 ) 就需要隐藏它并为内容应用边框。

演示选择 UI，如(关键字属性或调用属性)和情绪。一旦支架关闭，它应该像下面的输出

输出

---

|关键字属性或调用属性|和情绪

如何实现上述目标。

Answer 1

如果您想要"(" and ")" 的垂直边框，那么您可以使用管道符号"|" 并且您可以替换那些带有 "|" 的是这样的:

<span *ngFor="let a of Attributedata">{{a == "(" || a == ")" ? "|" : a }}</span>