Angularjs 角度控制器不是一个函数_Angularjs

Angularjs 角度控制器不是一个函数

angularjs

Angularjs 角度控制器不是一个函数,angularjs,Angularjs,只是为了学习- index.html <html> <head> <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script> <script src="script.js"></script> <script src="ctrl.js"><

只是为了学习-

index.html

<html>
    <head>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script>
      <script src="script.js"></script>
      <script src="ctrl.js"></script>
    </head>

    <body ng-app="abc">
      <h1 ng-controller="ctrl">{{data}}</h1>
    </body>

    </html>

ctrl.js

angular.module('abc').controller('ctrl',function($scope){
  $scope.data="hello";
});

它显示错误。。。我在这里做错了什么？

您将控制器文件命名错误

<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script>
<script src="script.js"></script>
<script src="cntrl.js"></script>
</head>

在您的演示中，文件ctrl.js实际上命名为cntrl.js。如果您解决了这个问题，演示就可以正常工作。

<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script>
<script src="script.js"></script>
<script src="cntrl.js"></script>
</head>