为什么在AngularJS的$ scope中的ng-init中设置的变量未定义？

Question

我在视图中设置了一个变量ng-init，然后尝试使用该变量在控制器中进行访问。但是，当我尝试访问它时，出现了undefined。

相关代码段：

我的看法：

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

我的控制器：

var MyCtrl;

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

JSFiddle

我在这里想念什么？

Answer 1

等待直到变量被初始化。

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