Comment AngualrJs résout les pièges rencontrés lors de la suppression des minuteries

Cet article présente principalement les pièges rencontrés par les timers de compensation d'AngualrJ. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

J'ai découvert un problème étrange aujourd'hui. Le minuteur placé dans l'instruction personnalisée s'exécutait toujours sur une autre page après le saut de page. Ce n'est certainement pas possible et affectera les performances du système.

J'ai utilisé la méthode native window.onunload dans Angular mais cela n'a pas fonctionné, j'ai donc dû utiliser la propre méthode d'Angular $destroy. Cette page saute et la structure du DOM change, le minuteur peut être effacé.

      var timer = setInterval(function(){
          $scope.$apply(function(){
            //这里是想要定时刷新的逻辑
          });
        },3000);
        $scope.$on('$destroy',function(){
          if (timer) {
            clearInterval(timer);
            timer = null;
          }
        });

Laissez-moi parler ici, car j'utilise les fonctions natives setTimeout() et setInterval() en javascript, donc celles correspondantes sont clearTimeout() et clearInterval() lors de la compensation. Les minuteries angulaires sont $timeOut et $interval, donc la compensation correspond à $timeOut.cancel() et $interval.cancel(), et

doit correspondre une à une. Les incohérences ne seront pas effacées.

Recommandations associées :

la minuterie javascript implémente la fonction de barre de progression

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!