javascript - 通过删除双引号在 html 中将 "<"显示为 <

Question

我有一些带有数据的 json 数组，其中一个键具有以下格式

x = "<sometext>"

我想将其显示为 "<sometext>"

现在它显示为 <sometext>

我有 html

<tr data-ng-repeat ="d in data">
    <td>{{d.x}}</td>
</tr>

我在另一个帖子中看到您通过执行以下操作删除了引号

var someStr = 'He said "Hello, my name is Foo"';
console.log(someStr.replace(/['"]+/g, ''));

我尝试过这样做

{{d.x.replace(/&lt;/, '<').replace(/&gt;/, '>')}}

但它所做的只是显示在html上，如下

{{d.x.replace(/</, '<').replace(/>/, '>')}}

Answer 1

您需要将字符串括在另一组双引号中，并取消括号转义。 Angular 会负责将其显示为文本而不是 html:

"{{d.x.replace(/&lt;/, '<').replace(/&gt;/, '>')}}"