Fornitore angolare personalizzato non funziona ma nessun errore
-
20-12-2019 - |
Domanda
Ho iniziato un progetto angolare di base usando il generatore angolare Yeoman.
Ho aggiunto pochissime cose all'app:
angular.module('myApp', ['ui.router',
'ngAnimate',
'ngCookies',
'ngResource',
'ngSanitize',
'loginService',
'restangular']).
config(function($urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise('/');
return $stateProvider.state('home', {
url: '/',
templateUrl: 'views/main.html',
controller: 'MainCtrl'
}).state('about', {
url: '/about',
templateUrl: 'views/about.html',
controller: 'AboutCtrl'
});
}).run(function($state) {
return $state.transitionTo('home');
});
.
loginService
è un provider personalizzato e apparentemente non ha alcun errore JS. Lo sto caricando da index.html e apparentemente la console del browser non mi dà alcun errore.
Per motivi di chiarezza ho preso il login- Servizio da Angular-login-Esempio
Il problema è che ogni volta che aggiungo questo servizio all'app Thigs stop per funzionare e non ottengo alcun messaggio di errore. Ho provato a commentare la dipendenza loginService
quando dichiaro il mio modulo App ma non sembra aiutare.
La Only Thing che rende il lavoro dell'app è quello di rimuovere completamente il tag <script src="scripts/services/login-service.js"></script>
da Index.html
Forse ho un errore JS al suo interno? Ma la console del browser sembra felice.
Modifica: Genera il mio script da CoChescript, forse questo potrebbe avere qualcosa a che fare con questo, intendo che succede qualcosa durante questa conversione che ho perso? Qui Accesso-Servizi in CoffeeScript e dopo la conversione in javascript
Soluzione
Il tuo file inizia con
angular.module('myApp', [])
.
Facendo questo, Redefine Il modulo "MyApp", dicendo che non ha alcuna dipendenza.Quello che vuoi è ottenere un riferimento al modulo 'myApp', non lo ridefinendo.Hai quindi bisogno
angular.module('myApp')
.