2016-12-30 6 views
-1

AWSと角度を使って作業しています。AWSとangularjsの問題

htmlファイルにコードがあるとAWSがうまく動作しますが、jsファイルに移動すると機能しません。

私はこのコードを持っている:

<html ng-app="myApp"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script> 
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.1.43.min.js"></script> 
<script src="app.js"></script> 
</head> 
<body ng-controller="myCtrl"> 
<div id="results"></div> 
<input type="file" id="file-chooser" /> 
<button id="upload-button">Upload to S3</button> 
<button ng-click = "listObjs()">Listar</button> 
</body> 
</html> 

とJSのため

(function(){ 
    var myApp = angular.module('myApp', []); 

    myApp.controller('myCtrl',['AWS','$scope', function myCtrl($scope, AWS){ 
    AWS.config.update({ 
    ....... 

私が取得エラー不明プロバイダ:< AWSProvider - AWS < - myCtrl

ありがとうございます!

答えて

1

は、次の例のように、あなたのアプリmoduleにAWSモジュールを追加する必要が

myApp = angular.module('myApp', ['AWS']); 

編集: そしてEphapoxで述べたように、あなたのコントローラパラメータの順序を修正

myApp.controller('myCtrl',['$scope', 'AWS', function myCtrl($scope, AWS){ 
2

あなたのコントローラでは、依存関係注入配列には$ scopeとAWSが順不同です。

は、あなたが持っている:

myApp.controller('myCtrl',['AWS','$scope', function myCtrl($scope, AWS){ 
AWS.config.update({ 

をそれは次のようになります。

myApp.controller('myCtrl',['$scope', 'AWS', function myCtrl($scope, AWS){ 
AWS.config.update({ 

配列の点は、角度は、彼らが何であるかを知っているように、明示的に文字列として、あなたの依存関係を登録することです。あなたは常に配列を提供する必要はありませんが、コードの角度を小さくすると、あなたが注入している依存関係を知ることができません。

関連する問題