当滚动$(窗口)时,角度控制器未触发滚动功能

when scrolled $(window) scroll function not triggered at angular controller

本文关键字:滚动 控制器 功能 窗口      更新时间:2023-12-25

我想在滚动窗口时修复一些新面板,但无论何时滚动窗口,都不会触发$(window).scroll(fucntion(){ });。这个功能在我的角度控制器中。

这是在角度控制器上,但当我滚动时,它不会触发

$(window).scroll(function () {
            console.log(" i Like it");
        //$scope.$apply();
    });

我也试过这个。

$(document).ready(function(){ 
$(window).scroll(function () {
            console.log(" i Like it");
        //$scope.$apply();
    });
});

但它也不起作用。请帮忙。

请问您为什么使用括号?($(窗口))

请尝试以下代码:

app = angular.module('myApp', []);
app.controller("ctrl", function ($window) {
  var i = 0;
    $window.onscroll = function(){
     console.log(" i Like it: " + i++);
   };
});

应该由窗口滚动触发。但老实说,你真的应该考虑使用指令。

当您使用angular时,您必须考虑关注点的分离。您不应该在角度控制器内部添加这种功能。如果您想使用DOM做一些事情,那么您可能应该使用angular指令。

问候