Angular 用另一个元素替换innerHTML中的元素

在角度应用程序中，我有一个base.component

base.component.ts文件有一个属性

@Input（）content:string

在base.component.ts文件中，我使用一个服务从数据库获取HTML

我正在将从数据库中获取的HTML分配给
content
属性

存在扩展base.component的子组件

在child.component.html中，我有：


以呈现提取的HTML

HTML呈现，但是我想替换
元素，但是没有运气

替换我正在尝试的内容的最佳方法是什么？
简单的字符串替换就可以了，但是“从数据库获取HTML”这是需要解决的部分，它远远不是最佳实践。@BerkKurkcuoglu只是澄清一下，有一个单独的CMS应用程序允许用户修改此HTML。这就是将其存储在数据库中的目的。我在这个问题中提到的应用程序用于获取HTML并显示它。如果mat checkbox不是string类型，您建议我如何使用string replace方法？内容不是您的Typescript中的属性吗？如何设置？设置之后，您可以对其运行正则表达式以更改内容。是的，内容是我的Typescript中的一个属性。以恩戈尼特为背景。如果我错了，请纠正我，但是如果您引用的是String.replace（）方法，则模式可以是正则表达式，但替换必须是String类型，或者是对字符串调用的函数？在我的例子中，我希望替换的不是string类型（它是mat复选框）
<form [formGroup]="form">
  <p [innerHTML]="content"></p>
  <div style="visibility: hidden;">
    <mat-checkbox class="replacer-checkbox" formControlName="checkbox" (change)="emitData()"></mat-checkbox>
  </div>
  </form>