Как использовать javascript код внутри angular

Question

Я пытаюсь добавить этот javascript код в мой html компонент (шаблон), но он не работает. У вас есть идеи, как это сделать?

<script>
  $(document).ready(function() {
    $().ready(function() {
      $sidebar = $('.sidebar');

      $sidebar_img_container = $sidebar.find('.sidebar-background');

      $full_page = $('.full-page');

      $sidebar_responsive = $('body > .navbar-collapse');

      window_width = $(window).width();

      fixed_plugin_open = $('.sidebar .sidebar-wrapper .nav li.active a p').html();

      if (window_width > 767 && fixed_plugin_open == 'Dashboard') {
        if ($('.fixed-plugin .dropdown').hasClass('show-dropdown')) {
          $('.fixed-plugin .dropdown').addClass('open');
        }

      }


  });
</script>

Я ценю вашу помощь!

Answer 1

Не рекомендуется добавлять скрипт-теги в ваш шаблон html. Основная причина, по которой этого избежать, заключается в том, что вы запускаете свой код вне «Angular context» (за пределами Zone. js). Используйте файл component.ts для своего кода, чтобы убедиться, что он выполняется должным образом.

Также не рекомендуется использовать jQuery с Angular, так как почти все функции jQuery предоставляются через Angular framework.

Может быть, вы опишите, чего вы хотите добиться с помощью фрагмента скрипта, для этого будет "Angular способ".