Angular JS-Ereignis für die Seite gerendert mit ui.router

Hintergrund Szenario:

Ich habe eine ng-repeat, das füllt meiner Ansicht dynamisch zu vergrößern, die <div> container.

Muss ich einstellen der Höhe meiner <div> wenn das Rendern abgeschlossen ist, und ich auch machen müssen, dass auf jeder anderen Seite von meinem app.

Ich bin mir bewusst, das ready() Funktion:

    angular.element(document).ready(function() {
        console.log('ready')
    })

Aber dieser code, in app.js ausgeführt werden, nur auf der ersten Seite öffnen (oder Neuladen).

Wichtiger Hinweis:

Ich bin mit ui.router zum navigieren durch meine "Seiten", also nenne ich ein `$Staat.transitionTo()' wenn ich mich ändern Seite.

Frage: Ist es eine Eckige Ereignis wird gesendet, wenn die Seite vollständig gerendert?

InformationsquelleAutor domokun | 2013-11-22
  1. 14

    Während der Suche nach einer Lösung, habe ich festgestellt, dass es ein ui.router-Ereignis, das aufgerufen wird, wenn das DOM vollständig dargestellt wird (auf jeder neuen state transition)

    Die Veranstaltung ist $viewContentLoaded und die syntax ist ziemlich straight-forward:

        $rootScope.$on('$viewContentLoaded', function (event) {
            console.log('lock & loaded')
    })


    Ich dachte, das könnte nützlich sein, um jemand anderes,

    Cheers

    • Dies scheint gefeuert für jedes geschachtelte Ansicht. Gibt es eine Möglichkeit, um dies Feuer nur einmal, wenn die ganze Seite gerendert wird?
    • Ich bin nicht nach diesem mehr, aber die ganze Sache scheint ein wenig f*cked up. Check out this: github.com/angular-ui/ui-router/issues/685
    • Ich war frustriert, es mit feuern, die für jede geschachtelte Ansicht. Nutzte ich lodash debounce-Bibliothek - Funktion zu begrenzen, wie oft es ausgelöst wird, und das heilte das Problem für mich.
    InformationsquelleAutor domokun
  2. 0

    Können Sie auch onEnter für uirouter wie diese,

    $stateProvider
    .state('printer',
    {
        url: "/printer",
        views:
        {
            "view":
            {
                templateUrl: "/static/tpls/cloud/app/printer.php"
            }
        },
        onEnter: function(){
            try {
                window.webkit.messageHandlers.pageIn.postMessage("enter printer page");
            } catch(err) {
                console.log('The native context does not exist yet');
            }
        },
        onExit: function(){
            try {
                window.webkit.messageHandlers.pageOut.postMessage("leave printer page");
            } catch(err) {
                console.log('The native context does not exist yet');
            }
            document.getElementById('liveMovie').style.height='30px';
        }
    })
    InformationsquelleAutor Kris Roofe
Schreibe einen Kommentar