Я пытаюсь изучить Angular.js. Я создал простую страницу, в которой я хочу отобразить сообщение из моего файла сценария. Вот HTML структура:Не могу заставить Angular.js работать
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="[email protected]*" data-semver="2.0.0-alpha.31" src="https://code.angularjs.org/2.0.0-alpha.31/angular.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>
</head>
<body ng-controller="MainController">
<h1>{{message}}</h1>
</body>
</html>
И это мой script.js:
var MainController = function($scope){
$scope.message = "my message";
};
Я должен видеть слова my message
на странице, но вместо этого я вижу буквально {{message}}
. Я попытался обернуть JS-код в функции самозавершения:
(function() {
var MainController = function($scope) {
$scope.message = "my message";
};
}());
Но он не имел никакого результата.
Что я делаю неправильно?
Вы, кажется, используете Angular v1.x, но добавили скрипт v2. Кроме того, последние версии Angular v1.x не позволяют глобальным функциональным контроллерам. Вам нужно зарегистрировать функцию контроллера явно с помощью '.controller' метода' angular.module' –