Как в angularjs писать код на чистом JS
103
13 апреля 2021, 08:50
Есть такая директива
app.directive('curSor', function () {
return {
restrict: "E",
template: '<div class="cursor-child"></div>',
link: function (scope, element, attr) {
const win = angular.element(window);
const elem = angular.element(element);
///////////////////////////////////////////////////////////
win.on('click', ()=>{
elem.children().addClass('cursor-child-active');
setTimeout(()=>{
elem.children().removeClass('cursor-child-active');
},200);
});
///////////////////////////////////////////////////////////
win.on('mousemove', function(e){
elem.css({
"top":e.pageY - "2" +"px",
"left":e.pageX - "2" +"px"
});
});
}
}
});
Когда писал этот пример, у меня не получилось написать его на чистом JS.
К примеру
window.addEventListener('click', () => {
console.log('win');
})Angularjs выдает ошибку, что мол такой функции addEventListener не существует.
Вопросы...
Можно ли в AnguarJS писать код на чистом JS?
И стоит ли это вообще делать?
P.S. Нет желание глубоко изучать JQ...)))
Нерабочий пример...
const app = angular.module('app', []);
app.directive('curSor', function() {
return {
restrict: "E",
template: '<div class="cursor-child">CursorChild</div>',
link: function(scope, element, attr) {
const win = angular.element(window);
const elem = angular.element(element);
//elem.children().classList.add('cursor-child-active');
win.addEventListener('click', () => {
console.log('win');
})
}
}
});<html ng-app="app">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
</head>
<body>
<cur-sor></cur-sor>
</body>
</html>Помогите понять до конца Angularjs как верно и грамотно на нем писать? Осознаю, что последний вопрос слишком глобальный...
Answer 1
win.addEventListener('click', () => {
window.addEventListener('click', () => {
win.on('click', () => {
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47565 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30497 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23633 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9959 visits
- Php curl запрос через прокси с авторизацией 9212 visits
- Работа с captcha vk api 8095 visits
© "hostciti.net" 27.11.2024 | 20:51