角度依存性注入。私は間違って何をしてるの？

Question

ここに、私がしようとしていることの簡単な例があります。私は、すでに作成されたプロジェクトで3週間メンテナーとして働いていたと言ってこれを序文します。私はコントローラーとビューとモデルで作業することができます。しかし、依存性注入を理解する時間が来たら、私は漠然としたエラーで悩まされています。今、Injectorの仕組みを学ぶ必要がある時が来たので、ここでは自分の学習目的のために構築した小さなテストアプリを紹介します。私は実際にこれがアングルアプリを構築する正しい方法であるかどうかは分かりません。私はよく分かりにくいドキュメントを見つけました。

HTML

<div ng-app="app"> 
<div ng-controller="EC as e"> 
</div> 
</div> 

私は私のコントローラのコンストラクタは、それらのサービスで呼び出されることを保証するだろうラインEC.$inject = ['$scope','$http','$window'];、または何でも彼らは呼ばれて地獄を想定していた

var app = angular.module('app',[]); 

app.config(['$httpProvider', function($httpProvider) { 
    $httpProvider.interceptors.push(function($q, $window) { 
     return { 
      'request': function(config) { 
       config.headers['Authorization'] = 'bearer '+ $window.localStorage.token; 
       return config; 
      } 
     }; 
    }); 
}]); 

function EC($scope,$http,$window) { 

    var vm = this; 

    vm.api = function(resource){ 
     return ('https://api.website.com/v1/'+resource).replace('//','/'); 
    }; 

    $window.localStorage.token = 'foobar'; 

    $http.put(vm.api('/users/me'), { loggedIn: true }).then(function(response){ 

     $http.get(vm.api('/users/me')).then.function(response){ 
      vm.user = response.data; 
     }); 

    }); 

} 

EC.$inject = ['$scope','$http','$window']; 

app.controller('EC',EC); 

app.run(); 

のjavascript 、引数として。どうやらそれはそうではない。誰かが私のように私に説明することはできますか？5これはどのように動作するのですか、なぜ私はエラーが発生していますか？

エラーメッセージ：

Error: [$injector:modulerr] http://errors.angularjs.org/1.5.6/$injector/modulerr 

Answer 1

それはちょうど悪いマークアップです。コード

変更作業かを示すFiddle：

.then(function(response) { 
     vm.user = response.data; 

Answer 2

に

.then 
     .function(response) { 
     vm.user = response.data; 

は、より多くのconventionaly注入に従うことをコントローラブロックを書き直し。 yaのために運動するかもしれない。また、$ http呼び出しからダブルレスポンスコールバックを削除し、$ http.get（）約束を返しました。

angular.module('app', []) 



.config(['$httpProvider', function($httpProvider) 
{ 
    $httpProvider.interceptors.push(function($window) 
    { 
    return { 
     request: function(config) 
     { 
     config.headers['Authorization'] = 'bearer '+ $window.localStorage.token; 
     return config; 
     } 
    }; 
    }); 
}]) 



.controller('EC', ['$scope', '$http', '$window', function($scope, $http, $window) 
{ 
    var buildApiString = function(resource) 
    { 
    return ('https://api.website.com/v1/'+resource).replace('//','/'); 
    }; 


    $window.localStorage.token = 'foobar'; 


    $http.put(buildApiString('/users/me'), { loggedIn: true }).then(function() 
    { 
    return $http.get(buildApiString('/users/me')).then(function(response) 
    { 
     $scope.user = response.data 
    }); 
    }); 
}]);