No databinding in $ionicLoading?

I’m using $ionicLoading for a progress bar and was hoping to update the progress percentage using a $scope.totalProgress variable bound to the div width.

However, when I update $scope.totalProgress, it doesn’t reflect in the UI. I even tried wrapping my update in $scope.$apply.

Any ideas?

I am facing the same issue. Did you find any solution?

Instead of using $ionicLoading, you can add its DOM manually to your view like this:

<div class="backdrop  backdrop-loading " ng-class="{visible:showLoading }"></div>
<div class="loading-container  " ng-class="{visible:showLoading ,active:showLoading }">
    <div class="loading">

1 Like