2017-05-15 14 views
1

私はこのエラーを取得しておいてください。

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.4/$injector/modulerr?p0=sport1Feed&p1=Error…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.4%2Fangular.min.js%3A22%3A179) 
    at angular.js:38 
    at angular.js:4920 
    at q (angular.js:403) 
    at g (angular.js:4880) 
    at eb (angular.js:4802) 
    at c (angular.js:1914) 
    at Sc (angular.js:1935) 
    at ue (angular.js:1820) 
    at angular.js:33367 
    at HTMLDocument.b (angular.js:3431) 

は私のアプリは、私のコントローラと同じ、HTMLで定義され、呼び出されます。私はここで間違って何をしていますか?

app.js:

var app = angular.module('testApp', ['ngAnimate', 'ngSanitize', 'ui.bootstrap','ui.router']); 

ctrl.js:

app.controller('feedCtrl', function($scope, $http) { 
    $http.get('https://api.myjson.com/bins/13vg19').then(function(res) { 
     $scope.res = res.data; 
     console.log($scope.res); 
    }); 
}); 

HTML:

<!DOCTYPE html> 
<html ng-app="testApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>My AngularJS App</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="app.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
    <script src="./components/app/app.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.1/angular-material.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/x2js/1.2.0/xml2json.js"></script> 
    <script src="./components/controller/ctrl.js"></script> 
</head> 
<body> 

<div data-ng-controller="feedCtrl"> 

</div> 

</body> 
</html> 

まさにここでエラーとは何ですか?私は同じ結果のbodyタグにng-appを配置しようとしました。ご覧のとおり、app.jsは角度ライブラリの後に呼び出されます。

ありがとうございました。

EDIT:コンソールのNetworkで、https://api.myjson.com/bins/13vg19へのリクエストがまったく呼び出されていないことがわかりました。

答えて

6

ロードapp.jsすべての依存関係の参照をロードした後、ご注文は、この問題は、あなたのアプリケーションにモジュールを挿入できませんでした角度を意味

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.1/angular-material.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/x2js/1.2.0/xml2json.js"></script> 
    <script src="./components/app/app.js"></script> 
    <script src="./components/controller/ctrl.js"></script> 
+0

いいえ、結果は同じです。同じエラーです。 – tholo

+0

私の編集を確認してください。 – tholo

+0

ブートストラップと角張ったアニメーションの参照を含める必要があります – Sajeetharan

1

でなければなりません。その理由は、HTMLまたはバージョンの不一致(たとえば、インポートアンギュラーバージョンxおよびアンギュラアニメーションバージョンy)でインポートしなかったためです。一般的に言えば、角度例外では、メッセージには一般にangleのサイトへのリンクが含まれています。

このように、必要な角度ファイルをインポートする前にjsファイルをインポートし、すべてのangel-animateおよびui.bootstrapでインポートしていないとします。

関連する問題