ウェブサイト：[$インジェクター：modulerr]

Question

私は、ユーザーを取得しようとしているそれは私にprint screen of the error in the console log

をこのエラーを与えるだろう、私の角度のjsとのトラブルを抱えているfirebaseて名前を付け、私は角度のjsを使用してWebページにそれを印刷します。

これは私のhtml

<header> 
    <div class="header-content"> 
     <div class="header-content-inner"> 

      <!--<h1 id="homeHeading">Your Favorite Source of Free Bootstrap Themes</h1>!--> 
      <div data-ng-app="myApp" data-ng-controller="myCtrl">//fix this 

       <p>welcome, {{firstname}}</p> 
       <hr> 
       <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p> 
       <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a> 
      </div> 
     </div> 
    </div> 
</header> 

内部の私のコードで、この1つは、私はあなたがngRouteを追加していないと思う私のjavascriptの

<script> 

    $(document).ready(function(){ 
     var app = angular.module('myApp',['ngRoute']); 

     app.controller('myCtrl', function($scope){ 
      var userId = firebase.auth().currentUser.uid; 

      console.log(userId); 
      $scope.firstname = firebase.database().ref('users/' + userId).once('value').then(function(snapshot){ 
       console.log(snapshot.val().firstname); 
       return snapshot.val().firstname; 
      }); 
     }); 

     firebase.auth().onAuthStateChanged(firebaseUser => { 
      if(firebaseUser){ 
       console.log(firebaseUser); 
      }else{ 
       window.location.replace("index.html"); 
       console.log('not logged in'); 
      } 
     }); 
     $("#btnLogout").click(function(){ 
      firebase.auth().signOut(); 
      window.location.replace("index.html"); 
     }); 
    }); 
</script> 

Answer 1

問題は、ドキュメント上でangular.moduleを呼び出すことです。ドキュメントは準備が整いました。明らかに、あなたのモジュールの外見の後に呼び出されます。

の作業のjavascript：

<script> 
     var app = angular.module('myApp',[]); 

     app.controller('myCtrl', function($scope){ 
      var userId = firebase.auth().currentUser.uid; 

      console.log(userId); 
      $scope.firstname = firebase.database().ref('users/' + userId).once('value').then(function(snapshot){ 
       console.log(snapshot.val().firstname); 
       return snapshot.val().firstname; 
      }); 
     }); 

     firebase.auth().onAuthStateChanged(firebaseUser => { 
      if(firebaseUser){ 
       console.log(firebaseUser); 
      }else{ 
       window.location.replace("index.html"); 
       console.log('not logged in'); 
      } 
     }); 
     $("#btnLogout").click(function(){ 
      firebase.auth().signOut(); 
      window.location.replace("index.html"); 
     }); 
</script> 

Answer 2

です。このコードを追加してもう一度チェックしてください。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> 

var app = angular.module('myapp', ['ngRoute']);