Uncaught Error:Angular js中的[$ injector:modulerr]

时间:2015-04-30 16:44:55

标签: angularjs

这是我的角色代码

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&amp; p1 =错误%3A%20 ... t%20d%20(文件%3A%2F%2F% 2FD%3A%2Fangular%2520js%2Fangular.min.js%3A17%3A381)

这个问题可能是什么原因?

1 个答案:

答案 0 :(得分: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