在核心JavaScript中动态创建ng-bootstrap组件

Question

我想使用动态创建模板

document.createElement('div')

以这种方式在angular 6应用中。我使用此模板创建了一个完整的模板。但是我很困惑使用核心JavaScript创建ng-bootstrap组件。我想转换下面的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>

该怎么做？