Я начинаю изучать AngularJS и хотел попробовать создать простое приложение калькулятора, однако всякий раз, когда я называю ng-приложение в моем html-файле, AngularJS перестает работать.
Я пытался создать контроллер,но, кажется, что-то делает не так при вызове или использовании.
Я попытался поместить файлы в веб-папку XAMPP, потому что думал, что он может не загружаться с моего жесткого диска, но безрезультатно.
(пожалуйста, не обращайте внимания на все неполные остатки, сейчас я просто хочу, чтобы контроллер работал)
Вот HTML:
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
</head>
<body ng-app="calculatorApp">
<div ng-controller="mainCtrl">
<input type="number" ng-model="first" autofocus>
<input type="number" ng-model="second">
<br>
<button onClick="defineOperator('+')">+</button>
<button onClick="defineOperator('-')">-</button>
<button onClick="test()">TEST</button>
<br>
<div>
{{first}}
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"</script>
<script src="http://localhost/calculator/scripts/app.js" type="text/javascript"></script>
</body>
</html>
И js:
angular.module('calculatorApp', [])
.controller('mainCtrl', function($scope){
$scope.defineOperator = function(choice) {
switch (operator) {
case +:
return first + second;
break;
default:
}
};
$scope.testOperator = function(click) {
alert("You chose " + operator);
};
});
Любая помощь будет принята с благодарностью.