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;
});
});
正確なエラーは@sirekenと記載されています。彼はコメントとしてそれを投稿していたはずです – Ronnie