setInterval and updating values AngularJS

Question

Based on changing the value of a variable I wish to display an error message in my html. I call an api from my angular code, and if it returns an error, I have set up a setInterval function that should update bookingData.tracking_id to false and then show an error message in the html. This should be very easy but combining this with setInterval is proving slightly difficult.

Here is the angular/javascript

this.confirmTrackingTest = function () {
  TestService.finalPackageCheck({tracking_id: controller.bookingData.tracking_id}).$promise.then(function (data) {
    return data;
  }).catch(function (err) {
    var i = 0;
    var interval = setInterval(function () {
      i += 1;
      if (i === 3) {
        if (err.statusText === "Not Found") {
          controller.bookingData.showErrorMessage = true;
        }
        clearInterval(interval)
      }
    }, 2000);
    console.log(controller.bookingData.showErrorMessage)
  });
}

this.bookingData = {
  showErrorMessage: false,
  tracking_id: 1
};

Here is the html:

{{Packs.bookingData.showErrorMessage}}
<div class="alert alert-danger" role="alert" ng-if="Test.bookingData.showErrorMessage">
  <p>Please show this message</p>
</div>

The {{Packs.bookingData.showErrorMessage}} shows false so that is recongised in the html.

Please let me know if any further information is required.

By the looks of it, your interval is going to stop after being called once. — epascarello
– epascarello, Commented Sep 17, 2015 at 12:14
Ah, bad indenting on the closing brackets.... Back to drinking my coffee — epascarello
– epascarello, Commented Sep 17, 2015 at 12:25

devnull69 · Accepted Answer · 2015-09-17 12:09:42Z

9

This is exactly the reason why the Angular gods invented $interval in order to remove the need to manually use $apply.

So either you call $scope.$apply inside the callback or you use $interval (don't forget to include it in the parameter list for depedency injection)

answered Sep 17, 2015 at 12:09

devnull69

16.6k9 gold badges55 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

setInterval and updating values AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related