Ng Bootstrap выпадающее меню, чтобы добавить подпункт не работает

Question

Я добавил свой угловой проект 7 для выпадающего меню ng в раскрывающееся меню

Я пытался использовать следующий метод, но у меня не получилось, кто-нибудь знает, как это правильно добавить Спасибо

component.html

            <span  class="act-action text-info"  id="dropdownBasic1" ngbDropdownToggle>Action</span>
              <div ngbDropdownMenu aria-labelledby="dropdownBasic1">

                <div ngbDropdown class="d-inline-block">
                <a class="dropdown-item text-info"  style="cursor: pointer" id="dropdownBasic11" ngbDropdownToggle>Change Role</a>
                  <div ngbDropdownMenu aria-labelledby="dropdownBasic11">
                    <a class="dropdown-item" >Resend Email</a>
                    <a class="dropdown-item" >Cancel Invite</a>
                  </div>
                </div>
                <hr>
                <a class="dropdown-item" >Owner</a>
                <a class="dropdown-item" >Member</a>
                <a class="dropdown-item" >Member</a>
              </div>

          </div>


          </td>