Angolare: ng-init non funziona a carico

Question

Ho visto alcuni exmaples sullo stack overflow su questo problema di ng-init, anche se non riesco a trovarne uno che faccia riferimento ad esso con l'uso di un controller.

ho chiamato la funzione del controller avendo il seguente nel file html

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

Nel controllore:

$scope.init = function(){ 

     alert("do something"); 
}; 

Esso viene eseguito, ma corre prima che i componenti hanno caricato sullo schermo.

Mi manca qualcosa?

Grazie

Answer 1

ng-init dovrebbe funzionare in questo modo, perché è utilizzato per inizializzare i dati.

Un esempio molto semplice:

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

Se si sta tentando di eseguire qualcosa mentre i carichi del controller, in realtà è molto più semplice di quanto si pensava:

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() 

}) 

O ancora più semplice, se non hai bisogno della funzione (nessuna chiusura o altro)

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') 

}) 

---

Edit - supponendo che stai usando ngView:
avere il codice corsa su quando la pagina è a pieno carico è necessario impostare un osservatore sull'evento $viewContentLoaded, in questo modo:

$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')  

    })  
})