Dlaczego zmienna ustawiona w ng-init jest niezdefiniowana w $ scope w AngularJS?

Question

Mam zmienną ustawiam w moim widoku z ng-init, które próbuję uzyskać dostęp w moim kontrolerze. Kiedy jednak próbuję uzyskać do niego dostęp, otrzymuję numer undefined.

Istotne fragmenty kodu:

Moim zdaniem:

<div ng-controller="MyCtrl"> 
    <div ng-init="pageTitle = 'kittens'"> 
    </div> 
</div> 

Mój kontroler:

var MyCtrl; 

MyCtrl = function($scope) { 
    return console.log($scope.pageTitle); 
}; 

JSFiddle

Co ja tu brakuje?

Answer 1

Poczekaj, aż zmienna jest init.

$scope.$watch('pageTitle', function() { 
    console.log($scope.pageTitle); 
}); 

Answer 2

sterownik jest tworzony przed zmienna pageTitle dodaje do obiektu $ zakres.

Answer 3

Można również skorzystać z tego, jak JavaScript definiuje funkcje i korzysta z funkcji dla ng-init zamiast $ watch (jsfiddle).

<div ng-app> 
    <div ng-controller="MyCtrl" ng-init="pageTitleEquals('kittens')"> 
     Page title is {{ pageTitle }} 
    </div> 
</div> 

Kontroler:

var MyCtrl = function($scope) { 
    $scope.pageTitleEquals = function(title) { 
     $scope.pageTitle = title; 
    } 
}; 

To pytanie jest podobne: How to set scope property with ng-init?

Answer 4

Ponieważ robisz „pojedynczy proces init czasu”, jak konstruktor polecam Ci rozpiąć zegarka po użyciu zmienna:

var pageTitleWatch = $scope.$watch('pageTitle', function() { 
    console.log($scope.pageTitle); 
    // Now just unbind it after doing your logic 
    pageTitleWatch(); 
});