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

标签 html css angular

我有一个数组

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

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

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

输出


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

如何实现上述目标。

最佳答案

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

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

关于html - 需要根据打开和关闭的括号为数组元素应用边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59083313/

相关文章:

Javascript 转义字符 href html

javascript - React 替换 CSS 中的特殊字符 `content`

html - CSS3 动画仅在悬停时打开和关闭

php - 从一个选项卡导航到另一个选项卡

html - MVC 中的样式下拉列表

http - Angular 2 HTTP(《英雄之旅》教程-angular网站)

angular - 如何使用 typescript 在 angular2 应用程序中实现 AAD B2C 功能?

php - WP Better Emails 插件 - HTML 模板问题

javascript - JS函数去除两个相互干扰的不同类

node.js - 使用带有来自不同 IP 的自签名证书的 https 时出错