动态附加的Angular确认弹出窗口不起作用

Question

点击特定部分时，我会向div动态添加确认弹出html。当我将popover html直接放到div中时，popover工作正常。但是在动态附加时不起作用。在页面加载后，将重新启动弹出框以标识弹出框的任何想法。

内部ts文件中的操作类似于

var test = '<button class="btn btn-sm" mwlConfirmationPopover placement="right" (confirm)="confirmClicked = true" (cancel)="cancelClicked = true">Click me!</button>';

$("#search_replace_body").html(test);