Was ist der Unterschied zwischen $evalAsync und $timeout in AngularJS?

Habe ich mit AngularJS für eine kleine Weile jetzt, und haben festgestellt, die Notwendigkeit zu verwenden $timeout jeder einmal in eine Weile (Scheint in der Regel zu init-ein jQuery-plugin).

Kurzem habe ich versucht, um besser und mehr in die Tiefe Verständnis der digest-Zyklus, und ich kam in $evalAsync Funktion.

Wie es scheint, die Funktion ergibt ähnliche Ergebnisse wie die $timeout, nur Sie nicht, es zu verzögern. Jedes mal, wenn ich verwendet habe $timeout es wurde mit einer Verzögerung von 0, so, jetzt Frage ich mich, ob ich hätte $evalAsync statt.

Gibt es irgendwelche grundlegenden Unterschiede zwischen den beiden? Welche Fälle würden Sie einen über den anderen? Ich hätte gerne ein besseres Gefühl, Wann welcher zu benutzen ist eine.

InformationsquelleAutor dnc253 | 2013-06-25
  1. 259

    Habe ich vor kurzem beantwortet im Grunde diese Frage hier: https://stackoverflow.com/a/17239084/215945
    (Die Antwort die links zu github Austausch mit Misko.)

    Zusammenfassen:

    • ob der code in der Warteschlange mit $evalAsync von einer Richtlinie, es laufen soll nach das DOM manipuliert wurde durch die Kantige, aber vor der browser rendert
    • ob der code in der Warteschlange mit $evalAsync aus einem controller, es laufen soll vor das DOM manipuliert wurde durch Eckige (und bevor der browser rendert) -- selten wollen Sie diese
    • ob der code in der Warteschlange mit $timeout, es laufen soll nach das DOM manipuliert wurde durch Winkel und nach der browser rendert (was kann dazu führen, flimmern in einigen Fällen)
    • Danke für die Erklärung. Eine Sache, die ich bin mir nicht sicher, ob ich verstehe aber. Warum macht es einen Unterschied, wenn Sie den Aufruf $evalAsync aus einem controller oder eine Richtlinie? Die asyncQueue weiß nicht, ob es registriert wurde aus einem controller oder eine Richtlinie, es ist nur Warteschlangen auf den aktuellen Bereich. Hat es zu tun mit wenn Zeug läuft in einem controller vs controller? Ich möchte nur zu verstehen, dass ein Teil.
    • Ich habe nicht geschaut bei den Eckigen code, so dass ich don ' T wissen, die Antwort auf deine (gute) Frage. Hoffentlich kann jemand anders kommentieren.
    • bedeutet "von einer Richtlinie" mean "aus der Verknüpfung von Funktion einer Richtlinie"? Oder ist das auch das Verhalten bei der Ausführung von entweder der link oder die controller-Methode eine Richtlinie?
    • ja, es ist wirklich unklar, was "von einer Richtlinie" und "controller" hier bedeuten
    • können Sie bitte präzisieren Sie hier: wenn der code ist in der Warteschlange mit $evalAsync von einer Richtlinie, es sollte ausgeführt werden, nachdem die DOM-Manipulation von Winkel - sollte es ausgeführt werden, nachdem die DOM manipuliert, die durch diese Richtlinie oder durch andere Richtlinien?
    • Super Antwort! Ist dies ausdrücklich irgendwo in der Dokumentation (mein problem wurde gelöst, indem Sie $timeout(0), so bin ich besonders daran interessiert, dass)? Der nächste, den ich gefunden, ist docs.angularjs.org/guide/scope, aber nicht wirklich so explizit wie ich möchte 🙂

    InformationsquelleAutor Mark Rajcok
  2. 57

    Für diejenigen, die Gebäude-komplexe Anwendungen, bewusst sein, dass es eine Auswirkung auf die Leistung auf Ihre Wahl. Auch möchte ich komplett Daneben Beantwortung mit mehr technischen details:

    • $timeout(callback) wartet, bis der aktuelle digest-Zyklus durchgeführt werden (d.h. Winkel-Updates alle Modell und den DOM), dann wird es ausführen seine callback - potenziell beeinflussen eckig Modell - dann starten Sie eine vollständige $apply auf der root - $ - Bereich, und redigest alles.

    • $evalAsync(callback), auf der anderen Seite, fügen Sie den Rückruf auf die aktuelle oder nächste, digest-Zyklus. Das bedeutet, wenn Sie sich innerhalb einer digest-Zyklus (z.B. in einer Funktion namens von einigen ng-click - Richtlinie), diese werden nicht warten, für nichts, der code wird sofort ausgeführt werden soll. Wenn Sie innerhalb einen asynchronen Aufruf, zum Beispiel eine setTimeout eine neue digest-Zyklus ($apply) ausgelöst werden.

    So, in Bezug auf die Leistungen ist es immer besser anzurufen $evalAsync, es sei denn, für Sie ist es wichtig, dass die anzeigen aktuell sind vor der Ausführung Ihres Codes, zum Beispiel, wenn Sie brauchen Zugang zu einigen DOm-Attribut wie die Elemente width und dergleichen.

    Wenn Sie möchten mehr details zu den unterschieden zwischen $timeout, $evalAsync, $digest, $gelten, ich lade Sie ein, Lesen Sie meine Antwort auf die andere Frage: https://stackoverflow.com/a/23102223/1501926

    Auch sicher sein, Lesen Sie die Dokumentation:

    Den $evalAsync übernimmt keine Garantie, wenn der Ausdruck ausgeführt werden, nur das:

    • Sie ausgeführt wird, nach der Funktion, die geplante Evaluierung (vorzugsweise vor dem DOM-rendering).
    • mindestens einen $digest-Zyklus wird durchgeführt, nachdem der Ausdruck die Ausführung.

    Hinweis: wenn diese Funktion aufgerufen wird, die außerhalb des $digest-Zyklus, eine neue $digest-Zyklus geplant werden. Es ist jedoch dazu angehalten, immer code aufrufen, ändert sich das Objektmodell von innerhalb einer $gelten nennen. Mit code ausgewertet, die über $evalAsync.

    • Können Sie bitte erklären, warum $timeout ist notwendig, wenn ich brauche, um Zugriff auf DOM-Attribut. Lassen Sie s sagen, wenn ich <table width="{{x}}"> nicht ng-bind-watch-Funktion aktualisieren Sie die dom-Attribut in den Speicher, ich verstehe es nicht die chance haben, aktualisieren Sie die Ansicht, bis die digest-Zyklus beendet.
    • da das DOM ("HTML") wird aktualisiert, während Sie die digest-Zyklus, die Sie haben zu warten, bis es getan werden, bevor Sie gelesen werden können mofifications. Dies ist jedoch entmutigt durch die Winkel, die Sie Lesen sollten x aus Ihrem Bereich direkt, anstatt aus dem DOM, so dass Sie nicht haben, zu warten für nichts. Auch, sollten Sie besser ng-style mit css anstatt die veraltete width Eigenschaft. Wenn Sie weitere Hilfe benötigen, öffnen Sie bitte eine neue Frage auf StackOverflow.
    InformationsquelleAutor floribon
Schreibe einen Kommentar