未捕获的错误: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：模块] 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