С нижеуказанным HTML AngularJS вызывается, и веб-страница печатает «5» в результате {{10/2}} в «теле».
<!DOCTYPE html>
<html ng-app>
<head>
<title>AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<h2>hello angular</h2>
{{ 10/2 }}
</body>
</html>
Когда я добавляю ng-контроллер:
<!DOCTYPE html>
<html ng-app>
<head>
<title>AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="MainController">
<h2>hello angular</h2>
{{ 10/2 }}
</body>
</html>
со сценарием. js:
var MainController = function($scope){
$scope.message = "Hello!"
}
AngularJS перестает работать, и веб-страница печатает {{10 / 2}} вместо 5. Что я здесь не так делаю? Благодаря.