Angular: ng-init nie działa przy obciążeniu

Question

Widziałem kilka przykładów na przepełnienie stosu w związku z tym problemem ng-init, chociaż nie mogę znaleźć takiego, który odwołuje się do niego za pomocą kontrolera.

nazwałem funkcję w kontrolerze poprzez następujące w pliku html

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

w kontrolerze:

$scope.init = function(){ 

     alert("do something"); 
}; 

To nie uciekać, ale ona biegnie przed składniki zostały załadowane na ekranie.

Czy brakuje mi czegoś?

Dzięki

Answer 1

ng-init ma działać w ten sposób, ponieważ jest on używany do inicjalizacji danych.

bardzo prosty przykład:

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

Jeśli próbujesz uruchomić coś czasie, gdy obciążenia regulatora, to faktycznie dużo prostsze niż myślisz:

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

}) 

Albo jeszcze prościej, jeśli nie potrzebujesz tej funkcji (żadnych zamknięć ani żadnych innych)

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 - zakładając używasz ngView:
Aby mieć uruchomić kod na, gdy strona jest w pełni załadowany należy ustawić obserwatora na razie $viewContentLoaded, tak:

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

    })  
})