Angularjs未捕获的错误:[$喷油器:modulerr] [英] Angularjs Uncaught Error: [$injector:modulerr]

查看:732
本文介绍了Angularjs未捕获的错误:[$喷油器:modulerr]的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我学习Angular.js,我无法弄清楚什么是错用这个简单的code。这似乎看起来不错,但给我下面的错误。

**错误**:未捕获的错误:[$喷油器:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)

和增加 NG-应用= 应用程序 (我只是保持它作为 NG-应用之前),这是给我下面的错误。这是为什么?

错误:[NG:AREQ] http://errors.angularjs.org/1.3.14/ng/areq? P0 =按Ctrl&放大器; P1 =未%20A%20function%2C%20got%20undefined
    在错误(原生)
    在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
    在锑(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510)
    在TB(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78)
    在$得到(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331)
    在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65
    在s(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408)
    在A(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443)
    在克(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
    在克(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)

 <!DOCTYPE HTML>
    < HTML NG-应用=应用程序>
      < HEAD>
        &所述; SCRIPT SRC =htt​​ps://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js>&下; /脚本>      < /头>
      <身体GT;
        < D​​IV NG控制器=CTRL>
          <输入NG模型=名>
          < H1> {{名}}< / H1>
          < H2> {{年龄}}< / H>
        < / DIV>         <脚本>
          VAR Ctrl键=功能($范围内)
           {
              $ scope.age = 24;
           };
          < / SCRIPT>
      < /身体GT;
    < / HTML>


解决方案

角1.3版全局控制器函数的声明之后被禁止

您需要,以使其工作使用modularise的方法。

code

  angular.module(应用,[])
.controller(按Ctrl',['$范围,按Ctrl]);
功能Ctrl($范围){
    $ scope.age = 24;
};

有一些问题,与棱角分明的 1.3.14 它降级为 1.3.13 工作得很好,我倒是preFER您使用<击>角1.2.27 角1.5.3,这是比较稳定的版本和放大器;最新版本的棱角分明。

工作Plunkr

更新

您可以做你的当前code被允许在 angualr.config

全局控制器申报工作状态

  angular.module(应用,[])
的.config(['$ controllerProvider',
  功能($ controllerProvider){
    $ controllerProvider.allowGlobals();
  }
]);功能Ctrl($范围){
  $ scope.age = 24;
};

希望这可以帮助你,谢谢你。

I am learning Angular.js and I am not able to figure out whats wrong with this simple code. It seems to look fine but giving me following error.

**Error**: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)

And before adding ng-app="app" (I was just keeping it as ng-app) it was giving me following errors. Why is that?

Error: [ng:areq] http://errors.angularjs.org/1.3.14/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
    at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510)
    at tb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78)
    at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65
    at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408)
    at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)

<!doctype html>
    <html ng-app="app">
      <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

      </head>
      <body>
        <div ng-controller="Ctrl">
          <input ng-model="name">
          <h1>{{name}}</h1>
          <h2>{{age}}</h2>
        </div>

         <script>
          var Ctrl = function($scope)
           {
              $scope.age = 24;
           };
          </script>


      </body>
    </html>

解决方案

After angular version 1.3 global controller function declaration is disabled

You need to use modularise approach in order to make it work.

CODE

angular.module('app', [])
.controller('Ctrl', ['$scope', Ctrl]);
function Ctrl($scope) {
    $scope.age = 24;
};

There is some issue with angular 1.3.14 downgrade it to 1.3.13 works fine, I'd prefer you to use angular 1.2.27 angular 1.5.3, which is more stable version & latest release of angular.

Working Plunkr

Update

You could do your current code to working state by allow global controller declaration inside angualr.config

angular.module('app', [])
.config(['$controllerProvider',
  function($controllerProvider) {
    $controllerProvider.allowGlobals();
  }
]);

function Ctrl($scope) {
  $scope.age = 24;
};

Hope this could help you, Thanks.

这篇关于Angularjs未捕获的错误:[$喷油器:modulerr]的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆