javascript - 如何使用 angularjs 将样式应用于字符串中使用的分隔管道？

Question

我想在字符串中使用带分隔符的 | 样式，所以我使用了正则表达式，但将 span 标记添加到消息中却没有应用样式。知道如何使用 Angularjs 方法完成此任务吗？

控制键

var data = "[2017-07-12T12:38:36-04:00]|zldssd255|info|<n/a>|[infra.actorRouter] Processing message from topic UEQ: 216014da-b849-4a1d-8232-3629e58338ce { partition: 0, offset: 12081530 }"

$scope.event = [];
var message = data.replace(/\|/g, '<span class="pipe">|</span>');
$scope.event.push({
    value: message
});

主.css

.pipe {
    width: 1em;
    color: white;
    display: inline-block;
    text-align: center;
}

Answer 1

我不确定这个问题是否需要 Angular 分析。您可以使用 CSS 执行此操作。

您的标记:

<div id="pipe"></div>

你的 CSS:

#pipe:before {
  width: 1em;
  color: black;
  display: inline-block;
  text-align: center;
  content: '/';
}