Функция связывания элементов Jquery не работает в угловых 7 - PullRequest
0 голосов
/ 25 марта 2019

Я пытаюсь интегрировать HTML-шаблон администратора в angular 7, но он не может вызвать метод .click элемента, записанного в 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 && document.fullScreenElement !== null) ||
     (!document.mozFullScreen && !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.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...