AngularJS动画保存按钮

Question

我有一个Save按钮，如果单击它，我的控制器中的标志设置为true。 我现在要做的是保存按钮应该变成不同颜色几秒钟，然后再回到原来的颜色。

是否有一个简单的解决方案可以做到这一点 - 如果标志变为真，那么在3秒左右之后将其设置为假。

Answer 1

您可以同时使用ng-class和$timeout来实现这一效果

Answer 2

您已明确说明应该做什么。这很容易。

像@Rajesh和@Shashank建议的那样，ng-class将是最好的选择。

由于你需要动画来保存功能，我认为不应该超时。

1. 只需为“保存”按钮定义两种样式即可。例如：保存和 保存...
2. 创建一个标志，并在初始阶段将其保持为假。
当标志为false且保存... 时，
3. ng-class应为保存 什么时候。
4. 单击按钮后，将标志设为true。
5. 完成保存操作后，将标志设为true 试。

在那里，你已经完成了。

注意：不要忘记在错误处理区域中将标志设为false。