Comment arrêter $de diffuser des événements en AngularJS?

Est-il intégré dans la façon d'arrêter $broadcast événements de la baisse de la portée de la chaîne d'?

L'objet d'événement transmis par un $broadcast événement n'ont pas de stopPropagation méthode (comme le docs sur $rootScope mentionner.) Cependant cette fusionné pull request suggèrent que $broadcast événements peuvent avoir stopPropagation appelé sur eux.

InformationsquelleAutor Noah Freitas | 2013-03-14
  1. 43

    Des extraits de angularJS 1.1.2 code source:

    $emit: function(name, args) {
    //....
    event = {
        name: name,
        targetScope: scope,
        stopPropagation: function() {
            stopPropagation = true;
        },
        preventDefault: function() {
            event.defaultPrevented = true;
        },
        defaultPrevented: false
    },
    //....
}

$broadcast: function(name, args) {
    //...
    event = {
        name: name,
        targetScope: target,
        preventDefault: function() {
            event.defaultPrevented = true;
        },
        defaultPrevented: false
    },
    //...
}

    Comme vous pouvez le voir objet d'événement dans $de diffusion ont pas de "stopPropagation".

    Au lieu de stopPropagation vous pouvez utiliser preventDefault pour marquer l'événement comme "pas besoin pour gérer cet événement". Ce ne pas arrêter la propagation de l'évènement, mais cela indiquera les enfants étendues: "pas besoin pour gérer cet événement"

    Exemple: http://jsfiddle.net/C8EqT/1/

    • À l'aide de defaultPrevented comme un indicateur pour signaler des événements ignorés de sens.
    • Cela résout le problème dans mon cas d'utilisation. Merci @kostik!
    • belle réponse +1 🙂
    • Véritable Nœud de cet exemple sont ces lignes: '"a pas besoin de gérer cet événement" :- Ce pas arrêter la propagation de l'évènement, mais cela indiquera les enfants étendues: "pas besoin pour gérer cet événement" ' Comme le Comportement par Défaut de preventDefault "La méthode preventDefault() n'empêche pas la multiplication d'un événement à travers les DOM. Utiliser la méthode stopPropagation() pour gérer ce" stopPropagation: L'événement sera complète, envoi à tous les auditeurs sur l'actuel EventTarget avant que l'événement ne cesse de couler.
    InformationsquelleAutor kostik
  2. 7

    Depuis la diffusion n'a pas la méthode stopPropagation,vous devez utiliser le defaultPrevented bien et cela a du sens, dans récursive directives.

    Jetez un oeil à cette plunker ici:Plunkr

    $scope.$on('test', function(event) {
    if (!event.defaultPrevented) {
    event.defaultPrevented = true;
    console.log('Handle event here for the root node only.');
    }
    });

    InformationsquelleAutor Mahendra Singh
  3. 1

    J'ai mis en place un événement voleur à cet effet:

    .factory("stealEvent", [function () {

  /**
   * If event is already "default prevented", noop.
   * If event isn't "default prevented", executes callback.
   * If callback returns a truthy value or undefined,
   * stops event propagation if possible, and flags event as "default prevented".
   */
  return function (callback) {
    return function (event) {
      if (!event.defaultPrevented) {
        var stopEvent = callback.apply(null, arguments);
        if (typeof stopEvent === "undefined" || stopEvent) {
          event.stopPropagation && event.stopPropagation();
          event.preventDefault();
        }
      }
    };
  };

}]);

    À utiliser:

    $scope.$on("AnyEvent", stealEvent(function (event, anyOtherParameter) {
  if ($scope.keepEvent) {
    //do some stuff with anyOtherParameter
    return true; //steal event
  } else {
    return false; //let event available for other listeners
  }
}));

$scope.$on("AnyOtherEvent", stealEvent(function (event, anyOtherParameter) {
  //do some stuff with anyOtherParameter, event stolen by default
}));
    InformationsquelleAutor sp00m