Как я могу создать выпадающее меню аватара в угловых? - PullRequest
Новая
       27

Как я могу создать выпадающее меню аватара в угловых?

0 голосов
/ 10 ноября 2019

Я создал выпадающее меню в angular 7 с помощью ng-bootstrap, но его нельзя щелкнуть. Я хотел бы создать что-то похожее на это: https://cdn.dribbble.com/users/687331/screenshots/3134218/dribbble.png

Я пытался изменить селектор в component.ts 

      <a mdbDropdownToggle mdbWavesEffect type="button" class="dropdown-toggle waves-light" mdbWavesEffect
         style="height: auto; width: 50px">
        <img src="https://mdbootstrap.com/img/Photos/Avatars/avatar-1.jpg" alt=""
             class="img-fluid rounded-circle z-depth-0">
      </a>
      <div class="dropdown-menu dropdown-primary">
        <a class="dropdown-item" href="#">Name</a>
        <a class="dropdown-item" href="#">Email address</a>
        <a class="dropdown-item" href="#">Something else here</a>
        <div class="divider dropdown-divider"></div>
        <a class="dropdown-item" style="color:red" href="#">Logout</a>
      </div>
    </div>

Все еще не щелкаем.

...