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="HomeCtrl">
<p ng-style="color">Status</p>
<button class="button button-icon ion-cloud" ng-click="goOffline()">Go Offline</button>
<button ng-click="goOnline()">Go Online</button>
<br>
</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('HomeCtrl', ['$scope','$location','$firebaseAuth', '$firebaseObject', '$firebaseArray', function($scope,$location,$firebaseAuth,$firebaseObject, $firebaseArray) {
var token = "123";
this.verifyUserToken = function(){
//Check if token matches existing token and if verified is true
var verifyUserTokenPromise = new Promise(function(resolve, reject){ firebase.database().ref().orderByChild('token').equalTo(token).once('value').then(function(dataSnapshot){
console.log(dataSnapshot);
//If token matches
if(dataSnapshot.val()){
alert("Token Exists",dataSnapshot.val().token);
$scope.isVerified = "YES";
}else{
alert("Token does not exist",dataSnapshot.val());
$scope.isVerified = "NO";
}
resolve($scope.isVerified);
});
});
return verifyUserTokenPromise;
};
this.registerUser = function(){
console.log("Entered registerUser()");
this.verifyUserToken().then(function(result){
alert("The Value of isVerified:"+ $scope.isVerified);
if($scope.isVerified == "YES"){
alert("Verifying User Token...",this.verifyUserToken());
$scope.auth.$createUser({
"email": this.email,
"password" : this.password
}).then(function(userData){
alert("Successfully created user account...