Scope variable not binding when change in firebase promise

Question

I am trying to create a controller function to submit a signup with firebase, but it seems that the variables from the scope (controllerAs: $reg) are not binding when they are updated inside the promise.

When $reg.loading is changed to true, it is correctly updated in the template, but when is changed to false, the scope variable is updated in the controller but the template ignores it.

$reg.submit = () => {
  $reg.loading = true;

  firebase.auth().createUserWithEmailAndPassword($reg.user.email, $reg.user.password)
    .catch(error => {
      $reg.loading = false;
    });
};

The template is just a form where I call $reg.submit() function when the submit button is clicked (tested with both ng-submit & ng-click).

Alexey Soshin · Accepted Answer · 2016-09-17 11:16:24Z

1

Use $scope.$apply()

$scope.$apply(function() {
   $reg.loading = false;
});

answered Sep 17, 2016 at 11:16

Alexey Soshin

17.9k2 gold badges37 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

malkomich · Accepted Answer · 2016-09-17 15:55:53Z

1

Finally found my error.

I was using firebase common object, which is not aware about I am using Angular, what I should use is the object $firebaseAuth (injected on the controller) from AngularFire library.

This way I have a promise worried about doing itself the $digest loop in Angular:

$reg.submit = () => {
  $reg.loading = true;

  $firebaseAuth.$createUserWithEmailAndPassword($reg.user.email, $reg.user.password)
    .catch(error => {
      $reg.loading = false;
    });
};

answered Sep 17, 2016 at 15:55

malkomich

3201 gold badge5 silver badges14 bronze badges

Comments

Aakash Thakur · Accepted Answer · 2016-09-17 12:33:16Z

0

Try changing scope to rootScope.

answered Sep 17, 2016 at 12:33

Aakash Thakur

3,90510 gold badges35 silver badges65 bronze badges

2 Comments

cartant Over a year ago

This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. - From Review

Aakash Thakur Over a year ago

I did try to answer what was asked here. I don't have reputation otherwise would have commented. And please don't ever discourage someone who is new to something. @cartant

Collectives™ on Stack Overflow

Scope variable not binding when change in firebase promise

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related