Ошибка загрузки AngularJS Контроллер

У меня действительно глупая проблема, но я не знаю, как ее исправить. У меня есть файл index.html с загруженным AngularJS. Я использую Plunker проверить код:Ошибка загрузки AngularJS Контроллер

<!DOCTYPE html> 
<html ng-app=""> 

    <head> 
    <script data-require="[email protected]" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="BodyController"> 
    <h1>{{ message }}</h1> 
    </body> 

</html>

script.js И этот файл с этой информацией:

var BodyController = function($scope) { 
    $scope.message = "Hi Angular!" 
}

В инспекторе он говорит:

Error: [ng:areq] Argument 'BodyController' is not a function, got undefined

Скрипт загружается. Я определил контроллер в JS-файле и приложил директиву ng-controller, поэтому я не знаю, где это может произойти.

источник

2016-01-29 Javier Núñez

Это очень basic из AngularJS.

Сначала необходимо создать module:

var fooApp = angular.module("foo", [])

И затем, зарегистрировать контроллер есть:

var BodyController = function($scope) { 
    $scope.message = "Hi Angular!" 
} 
fooApp.controller("BodyController", BodyController);

И, в вашем HTML тег, измените ng-app так:

<html ng-app="foo"></html>

источник

2016-01-29 08:46:32

Вам нужно добавить контроллер в свой угловой модуль.

angular.module('app', []) 
.controller('BodyController', function($scope) { 
    $scope.message = "Hi Angular!" 
})

Более подробную информацию о том, как настроить контроллер https://docs.angularjs.org/guide/controller

источник

2016-01-29 08:46:11 Voles

В HTML добавьте

<html ng-app="myapp">

и сценарий

angular.module('myapp', []).controller('BodyController',BodyController)

источник

2016-01-29 08:49:02 Gopikrishnan

Были несколько ошибок

ng-app не был установлен
угловой модуль не был определен
контроллер не был определен

angular.module('app', []) 
 
.controller('BodyController', function($scope) { 
 
    $scope.message = "Hi Angular!" 
 
});

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

 
    <body ng-controller="BodyController"> 
 
    <h1>{{ message }}</h1> 
 
    </body> 
 
</html>

источник

2016-01-29 08:51:21

Ошибка загрузки AngularJS Контроллер

ответ

Смежные вопросы