InnerHTML指令忽略Angular中的html标签

Question

我想将文本的一部分加粗。

我从特定文件中获取文本。

JsonNode jsonNode = mapper.readTree(json); ABC[] abc = mapper.convertValue(jsonNode, ABC[].class); System.out.println(Arrays.toString(abc));

我将"INFORMATION": "<b>Here's an </b> example of text"设为粗体。

在我的component.ts中

Here an

在我的html模板中

ngOnInit() {
  this.definition = INFORMATION
}

我得到的是：

这是文本示例

我期望

这是一个文本示例

就像Angular忽略html标签一样

Answer 1

这里不是错误的Angular，而是翻译管道。

将HTML绑定到#sort（或[innerHTML]）是从变量呈现html的正确方法，因此问题必须是执行某种逻辑以过滤掉HTML标签的转换管道。

如果您使用的是ngx-translate：

第一次在管道解析时，绑定将正确进行，您将在您的innerHTML中获取HTML。

但是下一次管道解析时，它将仅使用元素的内容。