Ошибка Urularjs Uncaught: при переходе на V1.3

Я изучаю Angular.js, и я не могу понять, что случилось с этим простым кодом. Кажется, что все выглядит хорошо, но дает мне следующую ошибку.

**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) 

И перед добавлением 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) 
       

{{name}}

{{age}}

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

После того, как объявление функции глобального controllerа AngularJS версии 1.3 отключено

Сначала необходимо создать модуль AngularJS и затем прикрепить все компоненты к этому конкретному модулю.

КОД

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

В частности, для вашего случая, есть некоторые проблемы с AngularJS 1.3.14 (понизить его до 1.3.13 отлично работает). Хотя я бы предпочел, чтобы вы использовали угловой 1.2.27 AngularJS 1.6.X, который является более стабильной версией и последней версией AngularJS.

Рабочий Plunkr

ОБНОВИТЬ:

Вы можете сделать свой текущий код в рабочем состоянии, разрешив объявление глобального controllerа внутри angular.config . Но это неправильный способ запуска углового приложения.

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

Я сам застрял в этом вопросе на некоторое время. Проверьте следующее: –

  1. Правильный путь к вам скрипт angular.js (вы вызываете его в своем HTML из локального источника или как внешний ресурс).

  2. Затем, как только ваш angular.js правильно проверит, было ли ваше приложение инициализировано или нет.

    var app=angular.module('app',[]) // в вашем файле app.js

    // в вашем html

  3. Затем зарегистрируйте свой controller с приложением и передайте все необходимые инъекции

    app.controller('myCtrl',function(){});

  4. Вызовите свой файл javascript в html-файле

Вы должны определить свой controller

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

Будьте уверены, что определение ng-app="app_name" должно соответствовать

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

   

{{name}}

{{age}}

Для получения дополнительной информации посетите здесь

  • Вопросительный знак и двоеточие в JavaScript
  • Преобразование миллисекунд в дату (jQuery / JavaScript)
  • Расширение ошибки в Javascript с синтаксисом ES6 и Babel
  • Когда следует использовать скобки с импортом
  • Ограничение импорта приложений create-react-app вне каталога src
  • Как проверить, открыт ли порт в сети клиента / брандмауэре?
  • JavaScript / regex: удалить текст между круглыми скобками
  • Что означают круглые скобки, связанные с объявлением объекта / функции / classа?
  • Как создать словарь и добавить пары ключ-значение динамически?
  • Reactjs - настройка состояния из реквизита с использованием setState в дочернем компоненте
  • Совместить целую строку
  • Давайте будем гением компьютера.