Question

在我的AngularJS Web应用程序中，可以创建一个项目并保存它。当用户点击保存按钮时，该项目将显示在左侧边栏中。

我希望在保存项目时，它会突出显示几秒钟（例如背景颜色），以便用户可以检测到它的保存位置。

这是保存它的按钮。

<a class="pure-button pure-button-primary" ng-click="NewOrUpdateItem()">Save</a>

还需要其他细节吗？关于这个问题的任何想法？

提前谢谢。

Answer 1

您可以使用角度的ngAnimate模块。 ngAnimate

see here了解工作示例

var module = angular.module("app", ['ngAnimate']);
....

Answer 2

我想一个正确的答案将取决于你的标记和项目列表，如果你可以放一个垃圾箱会有所帮助。无论如何，我把这个简单的例子放在一起，也许它可以给你一些想法。保存项目时，$ scope.saved设置为true，ngClass用于创建高亮效果，然后使用$ timeout取消设置已保存。我认为指令可能是这个逻辑的更好的地方。

Here is the JSBIN

AngularJS - 突出显示已保存的项目

2 个答案: