AngularJS change css property value

Question

Following are my html snippet:

<div class="pay row-0 col-1 ">
        <div class="t-middle f26 f-white row-0 " style="position:absolute;top:50%;">please wait...</div>
</div>

And the stylesheet for .pay class are as follow:

.pay, .stopIE {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
    top: 0;
    display: none;
}

When a button is clicked, the following function is executed.

$scope.goBuy = function(){
    Account.buyNow({"pid": $scope.buypp.id})
        .then(function(response){
            [change the .pay class display to block]
            $window.location.href = response.data;
        })

        .catch(function(response){

        })
}

While waiting for the response, how can I change the .pay class display property value from none to block. Thanks!!

mentat · Accepted Answer · 2015-10-26 02:44:44Z

2

I would simply use ngShow/Hide for such things with a proper scope variable. For more control (if you need), you can also use ngStyle or ngClass (preferrably).

answered Oct 26, 2015 at 2:44

mentat

2,7681 gold badge21 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

AngularJS change css property value

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