如何在 Angular 中使用 javascript 代码

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 上下文”之外（在 Zone.js 之外）运行代码。为您的代码使用 component.ts 文件以确保它按预期执行。

也不建议将 jQuery 与 Angular 一起使用，因为 jQuery 的几乎所有功能都是通过 Angular 框架提供的。

也许你描述了你想用脚本 sn-p 实现什么，会有一种“Angular 方式”来实现。