我收到此错误:
Failed to instantiate module ufyApp due to:
Error: [$injector:modulerr]
在我开始使用AngularJS之前,我遇到过这个错误,但很长一段时间没有犯这个错误。 我不知道为什么会得到它,所以我希望你们(或女孩们)可以帮助我。
我的index.html文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="/">
<title>Unify Taskforce</title>
<link rel="stylesheet" href="css/lib/bootstrap.min.css">
<link rel="stylesheet" href="css/lib/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/lib/font-awesome.min.css">
</head>
<body ng-app="ufyApp">
<div class="container">
<div ui-view></div>
</div>
<!-- Load Angular libs -->
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<script type="text/javascript" src="js/lib/angular-animate.min.js"></script>
<script type="text/javascript" src="js/lib/angular-ui-router.min.js"></script>
<script type="text/javascript" src="js/lib/ui-bootstrap-tpls.min.js"></script>
<!-- load Ufy app -->
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/services.js"></script>
<script type="text/javascript" src="js/controllers.js"></script>
</body>
</html>
我的app.js:
'use strict';
angular.module('ufyApp', [
'ngAnimate',
'ui.router',
'ui.bootstrap',
'ufyApp.services',
'ufyApp.controllers',
])
.value('FIREBASE_URL', 'https://xxxxxxx.firebaseio.com/')
.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function ($stateProvider, $urlRouterProvider, $locationProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('list', {
url: '/',
templateUrl: 'partials/list.html',
})
;
$locationProvider.html5Mode(true);
}])
.run();
我的services.js:
'use strict';
angular.module('ufyApp.services', ['firebase'])
.factory('Data', ['FIREBASE_URL', function (FIREBASE_URL) {
return new Firebase(FIREBASE_URL);
} ])
.factory('Ticket', ['$firebaseArray', 'Data', function($firebaseArray, Data){
return new $firebaseArray(Data.child('tickets'));
}]);
我的controllers.js文件:
'use strict';
angular.module('ufyApp.controllers', [])
.controller('TicketController', ['$scope', '$firebaseArray', '$uibModal', 'Ticket', function ($scope, $firebaseArray, $uibModal, Ticket) {
$scope.tickets = Ticket;
} ]);
我确定在某个地方错过了什么,但我现在还没有看到它。
提前致谢。