Невозможно добавить html к контенту поповера

Question

Я работаю над приложением Angular и пытаюсь добавить поле ввода во всплывающее окно начальной загрузки, но ввод не отображается. Это работает только когда я добавляю строку к контенту. Это код, который я пробовал.

 <button 
    data-container="body"
    data-html="true" 
    data-trigger="contextmenu" 
    data-toggle="popover"
    data-placement="bottom">
    <span>name</span>   
</button>

<div id="popover-content">
    <input type="text"/>
</div>

$('[data-toggle="popover"]').each(function(index, element) {
    const contentHtml = $('#popover-content').html();
    $(element).popover({
        html: true,
        content: contentHtml
    });
});