Angular2 Richtlinie: zu erkennen, Wie-DOM-änderungen

Ich umsetzen will, Skrollr als Angular2 Attribut-Richtlinie.

So, das format kann:

<body my-skrollr>
</body>

Jedoch, um dies umzusetzen, ich muss in der Lage sein, um änderungen zu erkennen, im DOM child-Elemente unter dem mit-tag (in diesem Fall <body>), so dass ich anrufen kann skrollr.init().refresh(); und aktualisieren Sie die Bibliothek für die Arbeit mit den neuen Inhalten.

Gibt es einen unkomplizierten Weg, dies zu tun, die ich nicht kenne, oder bin ich an dieses falsch?

  • gute Frage!!!
InformationsquelleAutor Tom Mettam | 2016-03-21
  1. 23

    Winkel nicht etwas gebaut-in für dieses Zweck. Sie können MutationObserver zu erkennen DOM verpasst.

    @Directive({
  selector: '[my-skrollr]',
  ...
})
class MyComponent {
  constructor(private elRef:ElementRef) {}

  ngAfterViewInit() {
    this.observer = new MutationObserver(mutations => {
      mutations.forEach(function(mutation) {
        console.log(mutation.type);
      });   
    });
    var config = { attributes: true, childList: true, characterData: true };

    this.observer.observe(this.elRef.nativeElement, config);
  }
}
    • In MutationObserver Konstruktor sollte es "Mutationen" anstelle von "mutation"
    • vielen Dank 🙂
    • danke für dieses... Kann mir jemand sagen, wha th Gegenteil von dem, was das werden würde... d.h. der Erkennung nichts geändert? wenn das Sinn macht. lol ich brauche etwas zum ausschalten die variable.
    • Vielleicht können Sie überprüfen, dass keine mutation Ereignis ausgesendet wurde für eine bestimmte Zeit?
    • Sicherlich würden Sie einfach einen Status auf "false" und dann ändern Sie einfach auf true, wenn sich etwas ändert?
    InformationsquelleAutor Günter Zöchbauer
Schreibe einen Kommentar