Огненная база не определена

Я пытаюсь сделать учебник Lynda.com по Angular и Firebase, но у меня проблемы. Я нашел несколько страниц об этой ошибке и до сих пор не могу понять это. Как указано на другой странице, я попытался поменять местами firebase.database(). Ref() на "новый Firebase()", но это дает другую ошибку.

Пожалуйста помоги. ТИА!

Index.html:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>Angular Registration</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script type="text/javascript" src="js/angular.min.js"></script>
    <script type="text/javascript" src="js/angular-route.min.js"></script>
    <script type="text/javascript" src="js/angular-animate.min.js"></script>

    <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js"></script>

    <script>
      // Initialize Firebase
      var config = {
        apiKey: "AIzaSyCujdl_kIpR42CEqfgC2HxXFZEQjy-uBkY",
        authDomain: "angulartut-8f382.firebaseapp.com",
        databaseURL: "https://angulartut-8f382.firebaseio.com",
        storageBucket: "angulartut-8f382.appspot.com",
      };
      firebase.initializeApp(config);
    </script>

    <script src="js/angularfire.min.js"></script>

    <script type="text/javascript" src="js/lib/app.js"></script>
    <script type="text/javascript" src="js/controllers/registration.js"></script>
    <script type="text/javascript" src="js/controllers/success.js"></script>
</head>
<body>
<header>
    <nav class="cf" ng-include="'views/nav.html'"></nav>
</header>
<div class="page" ng-view>
    <main></main>
</div>

</body>
</html>

app.js:

var myApp = angular.module('myApp', ['ngRoute', 'firebase']);

myApp.config(['$routeProvider', function($routeProvider) {
   ...
}]);

registration.js:

myApp.controller('RegistrationController', ['$scope','$firebaseAuth', function($scope, $firebaseAuth){
    // $scope.message = "Welcome to my App!";
    console.log($firebaseAuth);
    var ref = new Firebase('https://angulartut-8f382.firebaseio.com');

    // var ref = firebase.database().ref(); //<--tried this, but get error 'onAuth is not a function'
    var auth = $firebaseAuth(ref);

    $scope.login = function() {
        $scope.message = "Welcome " + $scope.user.email;

    };

    $scope.register = function() {
        auth.$createUser({
            email:$scope.user.email,
            password:$scope.user.password
        }).then(function(regUser) {
            $scope.message = "Welcome " + $scope.user.firstname + "thanks for registering!";
        }).catch(function(error) {
            $scope.message = error.message;
        });

    };
}]);
Источник

1 ответ

Я нашел группу Google https://groups.google.com/forum/, которая привела меня на эту страницу миграции https://github.com/firebase/angularfire/blob/master/docs/migration/1XX-to-2XX.md

Как вы можете видеть, конфиг перемещен и изменены строки ref и auth, а также auth.$ CreateUser(). Спасибо за внимание!

Вот фиксированный код для registration.js:

var config = {apiKey: "AIzaSyCujdl_kIpR42CEqfgC2HxXFZEQjy-uBkY",
            authDomain: "angulartut-8f382.firebaseapp.com",
            databaseURL: "https://angulartut-8f382.firebaseio.com",
            storageBucket: "angulartut-8f382.appspot.com",
          };
firebase.initializeApp(config);

myApp.controller('RegistrationController', ['$scope','$firebaseAuth', function($scope, $firebaseAuth){
    // $scope.message = "Welcome to my App!";


    var ref = firebase.database().ref();
    // console.dir(ref);
    auth = $firebaseAuth(firebase.auth());

    $scope.login = function() {
        $scope.message = "Welcome " + $scope.user.email;

    };

    $scope.register = function() {

        auth.$createUserWithEmailAndPassword($scope.user.email, $scope.user.password)
        .then(function(regUser) {
            $scope.message = "Welcome " + $scope.user.firstname + ", thanks for registering!";
        }).catch(function(error) {
            $scope.message = error.message;
        });

    };
}]);
Источник
Другие вопросы по тегам