基于角度js中的某些条件模糊背景图像

Question

我有一个登录页面，如果我点击密码按钮下的忘记密码，将打开一个滑块面板，其中包含恢复密码的信息。打开此滑块面板后，我需要模糊背景图像。

<div class="signinBackground" ng-click="signIn.closeForgotSlider($event)">
    <div class="col text-right col-top forgotEmailPassDiv">
        <a ng-click="signIn.forgotPassword($event)">{{'FORGOTPASSWORD'| translate}}</a>
    </div>
</div>

如何以角度实现此目标？

Answer 1

假设您有以下背景图片元素：

<div ng-class={'blurBg': showBlurBg}><img src=".."/></div>

您需要进行以下更改：

$scope.showBlurBg = true;//If you want to blug background
$scope.showBlurBg = false;//If you dont want to blug background

添加css以模糊背景：

.blurBg {
  opacity: 0.5;
}