未捕获的错误：Angular js 中的 [$injector:modulerr]

Question

这是我的 Angular 代码

angular.module('app',[]).controller('Ctrl', function ($scope) {
  $scope.message ='this is  message';
});

而我的模板代码是

<div ng-app="app" ng-controller="Ctrl as ctrl">  
  <div>{{ ctrl.message }}</div>
  <img src="img.gif">
</div>

问题是未捕获的错误：[$injector:modulerr] http://errors.angularjs.org/1.3.13/$injector/modulerr?p0=app&p1=Error%3A%20…t%20d%20(file%3A%2F%2F%2FD%3A% 2Fangular%2520js%2Fangular.min.js%3A17%3A381)

这个问题的原因可能是什么？

Answer 1

在您的控制器中，您设置了一个范围变量$scope.message，但在表达式中，需要一个定义为控制器实例变量的变量。

作用域变量的有效表达式是{{message}}。

定义为控制器实例变量的变量的有效表达式：

angular.module('app',[]).controller('Ctrl', function ($scope) {
  this.message = 'this is  message';
});

是{{ctrl.message}}

查看此代码示例以获得更好的说明：http://plnkr.co/edit/HunVdGVYaC0HLjDPmWKl?p=preview