Angular: ng-init läuft nicht unter Last

Question

Ich habe ein paar Examples auf Stack-Überlauf über dieses ng-init Problem gesehen, obwohl ich nicht scheinen kann, einen zu finden, der es mit der Verwendung eines Controllers referenziert.

Ich habe die Funktion in der Steuerung, indem die folgenden in der HTML-Datei

<div class="tab-container" ng-controller = "ExampleController" ng-init = "init()" > 

Im Controller genannt:

$scope.init = function(){ 

     alert("do something"); 
}; 

Es läuft, aber es läuft, bevor die Komponenten geladen haben auf dem Bildschirm.

Fehle ich etwas?

Dank

Answer 1

ng-init soll so arbeiten, weil es zu initialisieren Daten verwendet wird.

Ein sehr einfaches Beispiel:

<ul ng-init="list = [1,2,3,4]"> 
    <li ng-repeat="l in list"></li> 
</ul> 

Wenn Sie etwas, während der Controller Lasten versuchen, auszuführen, ist es eigentlich viel einfacher, als Sie dachten:

app.controller('mainCtrl', function ($scope) { 

    var init = function ($scope) { 
    // do whatever you need to do to initialize your controller 
    $scope.someData = ["Hey", "I'm", "Alive"] 
    $scope.otherData = localStorage.getItem('myBackup') 
    } 

    init() 

}) 

Oder noch einfacher, wenn Sie brauchen die Funktion nicht (keine Verschlüsse oder was auch immer)

app.controller('mainCtrl', function ($scope) { 

    // do whatever you need to do to initialize your controller 
    $scope.someData = ["Hey", "I'm", "Alive"] 
    $scope.otherData = localStorage.getItem('myBackup') 

}) 

---

Bearbeiten - vorausgesetzt, Sie verwenden ngView:
auf den Code ausführen zu haben, wenn die Seite vollständig geladen ist Sie ein Beobachter auf der Veranstaltung $viewContentLoaded, wie diese setzen soll

$scope.$on('$viewContentLoaded', function(){ 
    //Here your view content is fully loaded !! 
    }); 

app.controller('mainCtrl', function ($scope) { 

    // This event is triggered when the view has finished loading 
    $scope.$on('$viewContentLoaded', function() { 

    $scope.someData = ["Hey", "I'm", "Alive"] 
    $scope.otherData = localStorage.getItem('myBackup')  

    })  
})