当前位置: 代码迷 >> JavaScript >> 角度:移除
字符串中的标签(或添加它)
  详细解决方案

角度:移除
字符串中的标签(或添加它)

热度:86   发布时间:2023-06-03 17:50:59.0

编辑: 我将其标记为Angular,但忘了明确声明我是前端。 那么,我可以使用任何指令或Angular甜酱吗?

我在实际页面的两??个不同位置使用的数据库字段中有文本。 文本为“经常/通常”。

在页面的一部分中,我将其输出为指示文字的含义,因此我希望文字如下所示:

Frequently/Usually: Description of what this means.

然后,我有一个表头,在这里我重复使用“频繁/通常”,但是为了保持间隔,我通常需要在“频繁”下面的单独一行上。

如果我将其存储在数据库中

Frequently/<br/>Usually

然后,当我在指令文本中显示<br/>时,需要将其删除。

还是当我在表头中输出文本时,是否可以将其存储为“ Frequently/Usually并放在<br/>中?

最好的方法是什么?

我想我可以在'/'上拆分字符串,然后将字符串与其中的<br/>放回去。

最好的方法是什么?

使用<wbr>代替<br> 。 wbr是一个断字的机会,并且只有在需要时才会中断: :

最佳实践是在数据库中仅存储纯数据,而不依赖表示,并且每次使用此数据时,表示层都知道应如何显示数据。

因此,您需要使用word-wrap:break-word将文本包装在div中,或者如果由于“ \\”没有空格而无法进行这种情况,则应在向用户展示字符串之前对其进行预处理:

ModifiedString = OriginalString.Replace("\","\&#8203;");

然后,您将在视图中使用以下字符串:

<div style="width:100px;word-wrap:break-word;">
    ModifiedString
</div>

比您列出的选项多两个选项:

  • &#x200B; 是零宽度的空间,在需要时会产生换行符。 可能这是您可以使用的情况。 因此: Frequently/&#x200B;Usually
  • 在斜杠周围设置一个<span>并根据需要设置其样式,例如, Frequently<span class="slash">/</span>Usually ,然后按照以下方式定义一些CSS:

.slash:after {
  content:"\000A";
  white-space: pre;
}
  相关解决方案