AngularJS Argument 'customersController' is not a function, got undefined,errors.angularjs.org/1.3.1

本文详细解析了在使用AngularJS时遇到的版本不一致导致的'customersController'未定义错误,并提供了相应的解决方案。通过将全局控制器引用改为模块化的方式,可以有效避免此类问题,确保应用的稳定运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Error: [ng:areq] Argument 'customersController' is not a function, got undefined
异常代码如下
<  body   ng-app  = ""  ng-controller =  "customersController"  >
        <  table >
              <  tr   ng-repeat  = "x in names | orderBy : 'name'"  >
                    <  td >  {{ x.name | uppercase }} </  td  >
                    <  td >  {{ x.country }}  </ td  >
              </  tr >
        </  table >
</  body ><  script   type  =  "text/javascript"   src  = "  <%=  path  %>  /resource/js/angular.js" ></  script  >
<  script   type  = "text/javascript"  >
        function  customersController($scope) {
            $scope.names = [ {
                  name :  'Jani'  ,
                  country :  'Norway'
            }, {
                  name :  'Hege'  ,
                  country :  'Sweden'
            }, {
                  name :  'Kai'  ,
                  country :  'Denmark'
            } ];
      }
</  script >
这个错误原因是版本不一致,从1.3.x之后的版本中不支持全局的function

修改为如下红色字体方式即可
<  body   ng-app  = "app"  ng-controller =  "customersController"  >
        <  table >
              <  tr   ng-repeat  = "x in names | orderBy : 'name'"  >
                    <  td >  {{ x.name | uppercase }} </  td  >
                    <  td >  {{ x.country }}  </ td  >
              </  tr >
        </  table >
</  body ><  script   type  =  "text/javascript"   src  = "  <%=  path  %>  /resource/js/angular.js" ></  script  >
<  script   type  = "text/javascript"  >
angular.module( 'app',[]).controller( 'customersController' ,function ($scope) {
      $scope.names = [ {
            name :  'Jani'  ,
            country :  'Norway'
      }, {
            name :  'Hege'  ,
            country :  'Sweden'
      }, {
            name :  'Kai'  ,
            country :  'Denmark'
      } ];
});
</  script >



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值