No databinding in $ionicLoading?

ionic-v1
1

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?

2

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

3

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">
        <div><span>{{bindingVars}}</span></div>

    </div>
</div>
1 Like