ng- bootstrap, всплывающее окно с содержимым Dynami c html

Question

Я пытаюсь показать всплывающее окно с содержанием html. Я использую ng- bootstrap, и у меня проблемы с этим.

html код

<button type="button" class="btn btn-lg btn-danger" ngbPopover="{{getPopoverData(component.additional)}}" triggers="mouseenter:mouseleave" popoverTitle="Información Adicional">
                                    Hover over me!</button>

машинописный текст

getPopoverData( data ) :HTMLElement {
    let list = "";
    data.forEach(el => {
      list += `<li><strong>${el.name}:</strong> ${el.value}</li>`;
    });
    var element = document.createElement("ul");
    element.innerHTML = list;
    return  element;
  }

Но результаты это:

Не знаю, что не так.

Answer 1

AFAIK, это не предназначено для такого использования. Подпись ngbPopover принимает только string или templateRef. Я создал быстрый пример фрагмента из ngbPopover и смоделировал то, чего вы пытаетесь достичь. Посмотрите здесь: https://stackblitz.com/edit/angular-qolg5d