角度混合-手动管理html内容

Question

当前正在迁移，并且正在使用downgradeComponent方法使用Angular混合应用。

我想重写一些组件，例如到mat-accordion到Angular7的ParentC（虽然不重要，但如果只是一个div，我可以用不同的方式拆分组件），尽管它只有一个组件。 child-c，我现在不想迁移。因此，想法是手动添加一些angularjs：

super-parent-component（Angularjs）：

angular.element(document.querySelector('.myClazz')).append($compile('<child-c></child-c>')($scope));

ParentC（角度）：

<mat-accordion multi="true">
    <mat-expansion-panel> <div class="myClazz"></div>
    </mat-expansion-panel>
</mat-accordion>

基本上可行，但存在以下问题： -这会引起内存泄漏，性能问题吗？ -任何问题，疑虑等。 （代码风格和可读性除外）