如何使用可选的动态属性键绑定数据

Question

我对此有一个错误：

<div [innerHTML]="editor.testTexts?[editor.currentNsp]?[editor.currentLang]?[key] | safeHtml"></div>

正确的方法是什么？

Answer 1

如果要使用 innerHTML 绑定HTML属性，则需要这样做：

在您的组件中：您需要在字符串

中获取HTML属性。

export class TestComponent {
  htmlProps: string = '<h1>Text...</h1>';
}

在您的HTML中：访问HTML div元素中的属性。

<div [innerHTML]="htmlStr"></div>