首頁猿問 Angularjs未明錯誤：[$噴...

Angularjs未明錯誤：[$噴射器：Moderr]遷移到V1.3時

JavaScript AngularJS

達令說 2019-07-04 17:55:18

Angularjs未明錯誤：[$噴射器：Moderr]遷移到V1.3時我正在學習Angular.js，我無法發(fā)現(xiàn)這個簡單的代碼有什么問題。它看起來很好，但給了我以下錯誤。**Error**: Uncaught Error: [$injector:modulerr] $injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)在添加之前ng-app="app"(我只是把它當作ng-app它給了我以下的錯誤。那是為什么？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>

查看完整描述

3 回答

慕容3067478

TA貢獻1773條經驗獲得超3個贊

在AngularJS版本1.3全局控制器函數聲明被禁用后

您需要首先創(chuàng)建一個AngularJS模塊&然后將所有組件附加到該特定模塊。

電碼

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

對于您的情況，AngularJS有一些問題。1.3.14(將其降級為1.3.13工作得很好)。雖然我希望你用角1.2.27AngularJS 1.6.X，這是一個更穩(wěn)定的版本&AngularJS的最新版本。

工作Plunkr

最新情況：

通過允許全局控制器聲明，您可以將當前代碼執(zhí)行到工作狀態(tài)。angular.config..但這不是運行角應用程序的正確方法。

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

反對回復 2019-07-04

藍山帝景

TA貢獻1843條經驗獲得超7個贊

我自己在這個問題上被困了一段時間。檢查下列事項：-

指向angular.js腳本的路徑是正確的(無論您是從本地源還是作為外部資源在HTML中調用它)。
接下來，一旦你的angular.js是正確的，檢查你的應用程序是否被初始化。
var app=angular.module('app',[])/在app.js文件中
<body ng-app="app">/在您的html中
接下來，使用應用程序注冊您的控制器，并傳遞所有必要的注入。
app.controller('myCtrl',function(){});
在html文件中調用javascript文件
<script src="app.js"></script>

反對回復 2019-07-04

MMTTMM

TA貢獻1869條經驗獲得超4個贊

確保ng-app="app_name"定義必須匹配到

var app=angular.module('app_name',[])

<html ng-app="myApp"><body>
  <div ng-controller="Ctrl">
      <input ng-model="name">
      <h1>{{name}}</h1>
      <h2>{{age}}</h2>
  </div>
  <script>
    var app = angular.module('myApp',[]); // same to the above define appName
    app.controller('Ctrl',function($scope){
      $scope.age=24; // initialize age by injecting scope
    });
  </script></body><html>

欲知更多詳情，請訪問這里

反對回復 2019-07-04