AngularJS: зарегистрировать контроллер из отдельного файла .js

Я новичок в AngularJS и с помощью plnkr.co, чтобы узнать, как использовать угловые. У меня возникли трудности с регистрацией контроллера, который хранится в отдельном .js, откуда инициализируется модуль. Может ли кто-нибудь сказать мне, почему нижеследующее не работает?AngularJS: зарегистрировать контроллер из отдельного файла .js

файл index.html

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

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script> 
 
    document.write('<base href="' + document.location + '" />'); 
 
    </script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js" data-semver="1.4.6"></script> 
 
    <script src="app.js"></script> 
 
    <script scr="mainCtrl.js"></script> 
 
</head> 
 

 
<body ng-controller="MainCtrl"> 
 
    <p>Hello {{name}}!</p> 
 
</body> 
 

 
</html>

app.js Файл

angular.module('plunker', []);

mainCtrl.js Файл

angular.module('plunker') 
 
    .controller('MainCtrl', ['$scope', function($scope) { 
 
    $scope.name = 'GitHub'; 
 
    }]);

Для меня это производит аргумент 'MainCtrl' не является функцией, есть не определено.

источник

2015-09-29 Jade L.

Ниже ссылка на plunker http://plnkr.co/edit/tpl:8rFfZljYNl3z1A4LKSL2?p=catalogue –

довольно легко, чтобы проверить в сети вкладке Дев инструментов, чтобы увидеть файл не загружается – charlietfl

Заменить

<script scr="mainCtrl.js"></script>

<script src="mainCtrl.js"></script>

Из-за опечатки (scr вместо src), исходный файл, содержащий MainCtrl не загружен, поэтому MainCtrl не определен.

источник

2015-09-29 22:20:05

Опечатка является хорошим причина проголосовать, чтобы закрыть вопрос –

У вас есть ссылка из справочного центра об этом? –

Я слишком зависим от intellisense в эти дни :) –

AngularJS: зарегистрировать контроллер из отдельного файла .js

ответ

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