Функция slideToggle перестает работать при переключении нг-шоу

Question

У меня есть две кнопки, которые меняют представления с помощью ng-show, и у меня есть фильтр в представлении по умолчанию.Фильтр - это раскрывающийся список, который работает со SlideToggle () и работает до тех пор, пока я не нажму другую кнопку и не уйду ко второму виду, а когда я нажимаю bac по умолчанию, раскрывающийся список перестает работать.Я проверил это в Chrome, ничего не происходит, это код для выпадающего списка:

<div ng-if="filter.entity === 'user'" class="col-md-12 filter-group">
<h5 class="open">Age<span class="caret"></span></h5>
   <div class="filter-group-items filter">
       <div>Age
         <rzslider rz-slider-model="filter.ageMin" rz-slider high="filter.ageMax" rz-slider-options="sliderOptionsAmount">
         </rzslider>
       </div>
   <div>
</div>

Это JS

  $(".open").click(() => {
  $(".filter").slideToggle()
  })

Answer 1

Я думаю, это может быть тот факт, что JQuery обновляет DOM, а angular не знает об этом.Я бы попытался сделать все в угловых, и это будет работать

Answer 2

Проблема та же, что и при привязке событий к загруженному AJAX-содержимому, см. Как связать события с загруженным Ajax-контентом?

Привязка событий jQuery для динамического содержимого должна выглядеть следующим образом:

$(document).on("click", ".open", () => { $(".filter").slideToggle(); });