выпадающий JQuery не работает с угловой JS

Question

Я новичок в angularjs, мой выпадающий список (для выхода из системы) не работает, я пытался с узлом конфликта jquery, но ничего не происходит, я просто хочу всякий раз, когда я нажимаю на кнопку, тогда должно появляться выпадающее меню. Вот мой код

<button class="dropdown-toggle user-profile hidden-xs"  type="button"
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    <img class="img-circle" src="{{pic || 'img/final_placeholder.png'}}"
         width="24px" height="24px" style="object-fit:cover;">
    <span class="caret"></span>
</button>

Answer 1

Если вы используете загрузчик, вам следует добавить id к кнопке.Этот идентификатор должен соответствовать атрибуту aria-labelledby

со ссылкой из вашего кода:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle user-profile hidden-xs" type="button" id="logoutButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <img class="img-circle" src="{{pic || 'img/final_placeholder.png'}}"
     width="24px" height="24px" style="object-fit:cover;">
<span class="caret"></span>
  </button>
  <div class="dropdown-menu" aria-labelledby="logoutButton">
    <a class="dropdown-item" href="#">Log Out</a>
  </div>
</div>

Надеюсь, что поможет!