Perché la variabile impostata in ng-init non è definita in $ scope in AngularJS?

Question

Ho una variabile che sto impostando a mio avviso con ng-init che sto cercando di accedere al mio controller. Quando provo ad accedere comunque, sto ottenendo un undefined.

pezzi rilevanti di codice:

mio punto di vista:

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

mio regolatore:

var MyCtrl; 

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

JSFiddle

Che cosa mi manca qui?

Answer 1

Attendere fino a quando la variabile è init.

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

Answer 2

il controller viene creato prima che la variabile pageTitle venga aggiunta all'oggetto $ scope.

Answer 3

È anche possibile sfruttare il modo in cui JavaScript definisce le funzioni e utilizzare una funzione per ng-init anziché $ watch (jsfiddle).

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

Controller:

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

Questa domanda è simile: How to set scope property with ng-init?

Answer 4

Dal momento che si stanno facendo un "tempo init single", come un costruttore vi consiglio di non associare l'orologio dopo aver usato il variabile:

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