0
コントローラを作成して宣言する方法を知るために、私が取り組んでいるプロジェクトのために。私はangularjs.orgコントローラチュートリアルからいくつかのサンプルコードを取り出し、いくつかの問題に遭遇しました（私は "./angular.min.js"をもともと持っていませんでした）。しかし、私は最終的にそれを修正した後、私のページが正常に動作するようにしました。コントローラをanglejsで使用しようとしましたが、app.jsからコントローラコードを取得してコントローラファイルに入れたときにエラーが発生しました
次に、私のapp.jsファイルでどのコントローラを使用するのか分かり、別のファイルにコントローラコードを置くことができるようにコードを分割しようとしました。私がこれを行った後、ページにはコンソールエラーUncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=spicyApp1&p1=Error%…FUsers%2FRDubz%2FDesktop%2Fcontroller%2520test%2Fangular.min.js%3A21%3A179)があり、何が間違っているのか分かりません。私はちょうど別のファイルにコントローラコードを置くことができるようにしたい。制御コードで
app.js：コントローラコードなし
var myApp = angular.module('spicyApp1', []);
myApp.controller('SpicyController', ['$scope', function($scope) {
$scope.spice = 'very';
$scope.chiliSpicy = function() {
$scope.spice = 'chili';
};
$scope.jalapenoSpicy = function() {
$scope.spice = 'jalapeño';
};
}]);
app.js：
var spicyApp1 = angular.module('spicyApp1.controllers', []);
testController.js
angular.module('spicyApp1.controllers').controller('SpicyController', ['$scope', '$http', function($scope, $http){
$scope.spice = 'very';
$scope.chiliSpicy = function() {
$scope.spice = 'chili';
};
$scope.jalapenoSpicy = function() {
$scope.spice = 'jalapeño';
};
}]);
blank.html
<title>Example - example-controller-spicy-1-production</title>
<script src="./angular.min.js"></script>
<script src="./app.js"></script>
<script src="./testController.js"></script>
</head>
<body ng-app="spicyApp1">
<div ng-controller="SpicyController">
<button ng-click="chiliSpicy()">Chili</button>
<button ng-click="jalapenoSpicy()">Jalapeño</button>
<p>The food is {{spice}} spicy!</p>
</div>
</body>
</html>