Angular 1.5 component demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.0.5/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/2.0.1/angularfire.min.js"></script>
<div ng-app="demoApp" ng-controller="UserRegisterCtrl">
  <button ng-click="createUser(user_data)">
    Create
  </button>
  <br>
  {{log}}
</div>

JavaScript

var config = {
    apiKey: "AIzaSyA8KIbTUXW57Fg6_y1ptYR6M6sebj5kEuM",
    authDomain: "project-6570233619858853741.firebaseapp.com",
    databaseURL: "https://project-6570233619858853741.firebaseio.com",
    storageBucket: "project-6570233619858853741.appspot.com",
  };
    firebase.initializeApp(config);

angular.module('demoApp', ['firebase']).controller('UserRegisterCtrl', ["$scope", "$http", "$firebaseAuth", 
    function($scope, $http, $firebaseAuth){

        $scope.user_data = {
          email: "[email protected]",
          password: "tetet123"
        }
        $scope.createUser = function(user_data) {
            var Auth = $firebaseAuth();
              				Auth.$createUserWithEmailAndPassword(user_data.email, user_data.password)
            .then(function(firebaseUser){
                //This part of the code does not execute
                console.log(firebaseUser);
                console.log("User " + firebaseUser.uid + " created successfully!");
                $scope.log = "User " + firebaseUser.uid + " created successfully!";

            }).catch(function(error) {
                console.error("Error: ", error);
                $scope.log = "Error: " + error;
            });
    };
}]);