Angularjs 带角度的css转换

当我点击一个链接时，你能帮我写一个带有角度的css转换吗？我的代码不起作用

我会链接这个分区：

<div id="encartUserRes" class="encartRes" ng-class="{'flash': isFlash}">....</div>

controllers.js：

$scope.isFlash = false;

$scope.changeisFlash = function() {
  $scope.isFlash = true;
}

---

看起来您可以解决$scope部分不起作用的问题，对于flash动画，您可以使用

@关键帧

动画来解决

@keyframes flash {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}
@-webkit-keyframes flash {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}
.flash {
    animation: flash 1s step-start 0s;
    -webkit-animation: flash 1s step-start 0s;
}

---

这是一个例子。使用jQuery和NoAngular只是出于示例目的。

我不知道为什么，但我必须更改并添加以下内容：

html:

---

不，它不起作用，在HTML4中isFlahsh=true的事件刚刚测试过它，它会消失，这不是你想要的结果吗？可能是我的ionic应用程序更复杂，并且有一些阻塞？可能问题在其他地方，你在控制台上没有收到任何错误吗？我将查找错误。顺便问一句，你知道转换语法可以让div像这里一样消失并立即重新出现吗？

@keyframes flash {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}
@-webkit-keyframes flash {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}
.flash {
    animation: flash 1s step-start 0s;
    -webkit-animation: flash 1s step-start 0s;
}

<a class="suggestPro" ng-click="changeisFlash();">...</a>

$scope.changeisFlash = function() {
  $scope.isFlash = true;
}