AngularJS动画保存按钮

AngularJS动画保存按钮,angularjs,animation,Angularjs,Animation,我有一个保存按钮,如果单击它,我的控制器中的标志将设置为true。 我现在想做的是,保存按钮应该在几秒钟内变成不同的颜色,然后返回到原始颜色 有没有一个简单的解决方法可以做到这一点?如果标志变为真,那么在大约3秒钟后将其设置为假。您可以使用ng class和$timeout来达到这个效果。您已经清楚地说明了应该做什么。这很容易 正如@Rajesh和@Shashank所建议的,ng类将是最好的选择 由于您需要动画来实现保存功能,我认为您不应该超时。 只需为“保存”按钮定义两种样式。例如:保存和 保

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


有没有一个简单的解决方法可以做到这一点?如果标志变为真,那么在大约3秒钟后将其设置为假。

您可以使用
ng class
$timeout
来达到这个效果。

您已经清楚地说明了应该做什么。这很容易

正如@Rajesh和@Shashank所建议的,ng类将是最好的选择

由于您需要动画来实现保存功能,我认为您不应该超时。

  • 只需为“保存”按钮定义两种样式。例如:保存和 保存
  • 创建一个标志,并在初始阶段将其保持为false
  • 当标志为false且正在保存时,应保存ng类。。。 如果是真的
  • 单击按钮后,将标志设置为true
  • 保存操作完成后,将标志设为true false 再说一遍
  • 好了,你完了


    注意:别忘了在错误处理区域也将标志设为false。

    您能告诉我们到目前为止您尝试了什么吗。您还可以使用ng类添加类,并设置超时以在延迟后重置标志