2016-04-22 9 views
0

MEANスタックを使用してAngularを学習しようとしていて、もう一度やり直している簡単なアプリケーションを手に入れようとしています。

私の現在の具体的なエラーはangular.js:38 Uncaught Error: [$injector:modulerr]であり、私の頭を研究し、トラブルシューティングし、叩いた後、私のアプリケーションが再び動作するようには見えません。非常に基本的なapp.jsを使用していましたが、それ以降は匿名関数を使用して変更し、controller.jsとfactory.jsを調整しました。ここで

は、私のapp.jsのコードだfactory.js、と誰もが、問題は、私はそれを非常に感謝しているものを見つけるに私を助けることをいとわない場合

をcontroller.js!

app.js

(function(){ 
var iquueApp = angular.module('iquueApp', ['ngRoute', 'ngResource', 'iquueApp.iquueCtrl', 'iquueApp.iquueFactory']) 
    .config(function($routeProvider, $locationProvider) { 
$routeProvider 
    .when('/', { 
    templateUrl: '/partials/property-dashboard.html', 
    controller: 'iquueCtrl' 
}).when('/admin', { 
    templateUrl: '/partials/admin-dashboard.html', 
    controller: 'iquueCtrl' 
}).when('/admin/property-setup', { 
    templateUrl: '/partials/admin-prop-setup.html', 
    controller: 'iquueCtrl' 
}).when('/login', { 
    templateUrl: '/auth/login/login.html', 
    controller: 'iquueCtrl' 
}) 
.when('/register', { 
    templateUrl: '/auth/register/register.view.html', 
}).otherwise({ 
    redirectTo: '/' 
    }); 

    // use the HTML5 History API 
$locationProvider.html5Mode(true); 
}); 

})(); 

factory.js

angular.module('iquueApp.iquueFactory',[]) 
.factory('iquueFactory', function($http) { 
    var urlBase = '/api/hubs'; 
    var _iquueService = {}; 

    _iquueService.getHub = function() { 
    return $http.get(urlBase); 
    }; 

    _iquueService.saveHub = function(secretKey) { 
    return $http.post(urlBase, secretKey); 
    }; 

    _iquueService.updateHub = function(secretKey) { 
    return $http.put(urlBase, secretKey); 
    }; 

    _iquueService.deleteHub = function(id) { 
    return $http.delete(urlBase + '/' + id); 
    }; 

    return _iquueService; 
}); 

controller.js

/Angular Controllers 
angular.module('iquueApp.iquueCtrl',[]) 
.controller('iquueCtrl', function($rootScope, $scope, iquueFactory) { 

    $scope.hubs = []; 
    $scope.isEditable = []; 

    // get all hubs on Load 
    iquueFactory.getHub().then(function(data) { 
    $scope.hubs = data.data; 
    }); 

}); 
+0

正確なエラーは@sirekenと記載されています。彼はコメントとしてそれを投稿していたはずです – Ronnie

答えて

-2

正確なエラーは何ですか?コンソールに表示されている正確なエラーを投稿してみてください。エラーがどこにあるか。これは、モジュールまたはコントローラはこの1つのようなエラー..

を引き起こしているものを教えてくれます...ここのMyAppは...コメント男性のための

Failed to instantiate module MyApp due to: 
Error: [$injector:unpr] http://errors.angularjs.org/1.3.11/$injector/unpr?p0=e 
at Error (native) 
at  https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:6:417 
at  https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:38:307 
at d  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:36:308) 
at Object.e [as invoke]  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:37:64) 
at d  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:35:301) 
at  https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:35:425 
at s  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:7:302) 
at g  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:35:202) 
at Ob  (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js:38:435 
+0

お返事ありがとうございます。私は実際にそれを理解しました。このエラーはJSが私の最後に正しくロードされていないことが原因であることが判明しました。入力ミスのためにangular-resource.min.jsファイルが見つかりませんでした。 私も詳細なエラーは表示されませんでしたが、これは私が角度の縮小版を使用しているためだと考えていますか? この投稿がこの問題を抱えている他の人に役立つことを願っています。 –

+0

私はそれを見つけてうれしいです..歓声 – sireken

0

おかげです。このエラーは、angular-resource.jsを正しくロードしていないことが原因です。私はすぐにこの質問を投稿して解決しました。

関連する問題