Я пытаюсь интегрировать 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.
есть идеи, как мне заставить это работать?