70
3
章
AngularJS
アプリケーションの開発
function MyController($scope, $resource) {
//
コード
}
代わりに、以下のいずれかのようにしなければなりません。
function MyController($scope, $resource) {
//
コード
}
MyController.$inject = ['$scope', '$resource'];
以下の方法ではモジュールを利用しています。
myAppModule.controller('MyController', ['$scope',
'$resource',
function($scope, $resource) {
//
コード
}]);
このようにすれば、すべての変数が最小化された後でもどの変数あるいはサービスにア
クセスしようとしていたのか把握することができます。
コンパイルの際にバグが入り込むのを防ぐために、常に配列を使った注入を行う
のがよいとされています。例えば、あるサービスが最小化により
$e
という名前の
変数に変更されてアクセスできなくなってしまった場合、その原因を追求するの
に時間を費やすのは無駄です。
3.8
その他の便利なツール
開発の手順を簡略化し、生産性を大幅に高めて くれるツールを紹介します。具体的には、
Batarang
を使ったデバッグと、
Yeoman
を使ったコーディングについて解説します。
3.8.1
デバッグ
JavaScript
アプリケーションの開発では、ブラウ