AngularJs - How to update dom element value from controller after ajax request?

Question

I am having

<uib-progressbar class="progress-striped active" value="100" type="warning" ng-hide="{{isLoaded}}"></uib-progressbar>

which i want to show this progress bar (ng-hide) until isLoaded is true..

and my script inside NameLists controller is

$scope.isLoaded = false;
$http({
      method: 'POST',
      url: 'services/getLists.php'
    }).success(function(data, status, headers, config){
        $scope.isLoaded=true;
        console.log(data);
    }).error(function(data, status, headers, config) 
    {

    });

after the data loaded I have changed isLoaded to true but the progressbar is not hide.

have you made a controller for your view?

ffff
– ffff

2015-10-31 06:46:23 +00:00
Commented Oct 31, 2015 at 6:46 — ffff
– ffff, Commented Oct 31, 2015 at 6:46
replace {{isLoaded}} with "isLoaded"

ffff
– ffff

2015-10-31 06:47:57 +00:00
Commented Oct 31, 2015 at 6:47 — ffff
– ffff, Commented Oct 31, 2015 at 6:47

Michael Kang · Accepted Answer · 2015-10-31 06:45:55Z

2

Try:

 ng-hide="isLoaded"

Without the curlies.

answered Oct 31, 2015 at 6:45

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

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

Collectives™ on Stack Overflow

AngularJs - How to update dom element value from controller after ajax request?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related