2014-07-06 20 views
7

Fehler in Zeile 1 von 2 Dateien gefunden: - controllers.js - app.jsUncaught Reference: Winkel nicht definiert ist (mit testem)

, die unten zusammen mit html angebracht ist.

Die App wird angezeigt, wenn ich den lokalen Server starte, aber ich kann mich nicht anmelden oder registrieren, indem ich nach der Eingabe meiner Daten auf die Anmeldeschaltfläche klicke. Ist es ein 404 Fehler?

Ich habe auch versucht, diese zwei Zeilen in die index.html-Datei (ich dachte, dass einige Elemente, die ich nicht definieren), aber nicht funktioniert.

index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    *<!-- ionic/angularjs js -->* 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="https://cdn.firebase.com/v0/firebase.js"></script> <!-- firebase --> 
    <script src="https://cdn.firebase.com/libs/angularfire/0.5.0/angularfire.min.js"></script> <!-- angularfire --> 
    <script src="https://cdn.firebase.com/v0/firebase-simple-login.js"></script> <!-- firebase-simple-login --> 

    *<!-- cordova script (this will be a 404 during development) -->* 
    <script src="cordova.js"></script> 
    <!-- app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    </head> 

<body ng-app="bucketList" animation="slide-left-right-ios7"> 
    <ion-nav-bar class="bar-stable nav-title-slide-ios7"> 
     <ion-nav-back-button class="button-icon icon ion-chevron-left"> 
     Back 
     </ion-nav-back-button> 
    </ion-nav-bar> 
    <ion-nav-view></ion-nav-view> 
    </body> 
</html> 

controllers.js Datei Datei (Fehler in erster Linie)

angular.module('bucketList.controllers', []) 
    .controller('SignInCtrl', [ 
     '$scope', '$rootScope', '$firebaseAuth', '$window', 

app.js Datei (Fehler in erster Linie)

Antwort

7

Der Fehler besagt, dass Sie versuchen, angular vor dem Laden des Skripts zu verwenden. Ich habe keine Referenz der angularjs Bibliothek in Ihrer index.html Datei gesehen. Geben Sie eine Referenz für angularjs vor app.js und controller.js ein.

+0

Um in Form von Winkel hinzufügen? Könnten Sie ein Beispiel schreiben? Ich versuchte und und Es gab mehr 404 Fehler ... – Thinkerer

+0

UND funktionierte auch nicht. Muss ich ein Paket installieren oder ähnliches? – Thinkerer

+0

Haben Sie 'angularjs' in Ihrem' js'-Verzeichnis? andernfalls können Sie von 'CDN' wie' 'dann fügen Sie Ihre lokale hinzu script wie '' – Reza

1

App.js

 angular.module('bucketList', ['ionic', 'firebase']) 
     .run(function($ionicPlatform, $rootScope, $firebaseAuth, $firebase, $window, $ionicLoading) { 
      $ionicPlatform.ready(function() { 
      if (window.cordova && window.cordova.plugins.Keyboard) { 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     } 
     if (window.StatusBar) { 
      StatusBar.styleDefault(); 
     } 

controller.js

  angular.module('bucketList', []) 
      .controller('SignInCtrl', [ 
         '$scope', '$rootScope', '$firebaseAuth', '$window', 
         function($scope, $rootScope, $firebaseAuth, $window) { 
         $rootScope.checkSession(); 

         $scope.user = { 
            email: "", 
            password: "" 
+0

hat nicht funktioniert. Durch das Entfernen von bucketList.controllern wurden die Schaltflächenfunktionen vollständig deaktiviert. Danke für Ihre Hilfe! – Thinkerer

+0

Was ist der Fehler, den Sie bekommen ?? ist dasselbe ? –

+0

Das ursprüngliche Problem war Uncaught ReferenceError: Winkel ist nicht definiert. Wenn ich es basierend auf Ihren Änderungen ändere, verschwindet der gesamte Bildschirm. – Thinkerer

Verwandte Themen