AngularJS更改css属性值

Question

以下是我的html代码段：

<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>

.pay类的样式表如下：

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

单击按钮时，将执行以下功能。

$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){

        })
}

在等待回复时，如何将.pay类display属性值从none更改为block。谢谢！

Answer 1

我只需使用ngShow / Hide来获取具有适当范围变量的内容。要获得更多控制权（如果需要），您还可以使用ngStyle或ngClass（最好）。