Функция привязки элемента Jquery не работает в angular 7

#javascript #jquery #angular #typescript #angular7

#javascript #jquery #angular #typescript #angular7

Вопрос:

Я пытаюсь интегрировать HTML-шаблон администратора в angular 7, но он не может быть вызван.нажмите метод элемента, написанный в файлах js, вот полный сценарий.

angular.json

 "styles": [
          "src/styles/materialize.scss",
          "src/styles/style.scss",
          "src/styles/custom/custom.scss"
        ],
        "scripts": [
          "src/assets/js/vendors.min.js",
          "src/assets/js/plugins.js"
        ]
  

Здесь vendors.min.js файл содержит jquery.js и material.js
В plugins.js файл, в котором у меня есть некоторые функции и привязки

header.component.html

 <li class="hide-on-med-and-down"><a class="waves-effect waves-block waves-light toggle-fullscreen" href="javascript:void(0);"><i class="material-icons">settings_overscan</i></a></li>
  

в plugins.js файл, код которого я написал ниже

  function toggleFullScreen() {
  console.log("aaa");
  if (
     (document.fullScreenElement amp;amp; document.fullScreenElement !== null) ||
     (!document.mozFullScreen amp;amp; !document.webkitIsFullScreen)
  ) {
     if (document.documentElement.requestFullScreen) {
        document.documentElement.requestFullScreen();
     } else if (document.documentElement.mozRequestFullScreen) {
        document.documentElement.mozRequestFullScreen();
     } else if (document.documentElement.webkitRequestFullScreen) {
        document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
     }else if (document.documentElement.msRequestFullscreen) {
        if (document.msFullscreenElement) {
           document.msExitFullscreen();
        } else {
         document.documentElement.msRequestFullscreen(); 
        }
     }
  } else {
     if (document.cancelFullScreen) {
        document.cancelFullScreen();
     } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
     } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
     }
  }
}
$(".toggle-fullscreen").click(function() {
      console.log("bbbbb");
      toggleFullScreen();
   });
  

но когда я нажимаю на ссылку на полноэкранную кнопку, в то время не удается выполнить функцию, написанную в файле js.

это всего лишь пример, в котором у меня написано так много других функций plugins.js файл.

есть идеи, как я могу заставить это работать?

Комментарии:

1. зачем использовать jquery для этого? добавлен ли jquery в ваш проект? вы можете просто использовать javascript

2. Я приобрел html-шаблон для панели администратора и пытаюсь реализовать этот шаблон в angular, поэтому я добавил jquery.js файл в моем angular.json

3. Импортируйте файлы JS непосредственно в свой index.html файл. Это решит проблему. Я не уверен, почему это происходит, но это случалось со мной ранее.

4. @SanjayAchar пытался, но не работает