Динамически создавать компонент ng-bootstrap в ядре javascript

Question

Я хочу создать шаблон динамически, используя

document.createElement('div')

таким образом в приложении angular 6.Я создал полный шаблон, используя это.Но я запутался в создании компонента ng-bootstrap с использованием основного javascript.Я хочу преобразовать приведенную ниже кодовую базу HTML.

<button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
    <button class="dropdown-item">Action - 1</button>
    <button class="dropdown-item">Another Action</button>
    <button class="dropdown-item">Something else is here</button>
  </div>

Как это сделать?