javascript – 添加行的Animate表

前端之家收集整理的这篇文章主要介绍了javascript – 添加行的Animate表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我目前有以下角度代码

function MyController($scope) {
    var items = [];
        $scope.addRow = function () {
        items.push({ value: 'Hello,world!' });
        $scope.items = items;
    }
}

以及以下html片段:

正如所料,每次单击“添加行”时,都会添加一个新行,其中包含文本Hello,World!.

如何扩展它以使新添加的行在短暂时刻出现或闪烁?我的想法是,在真正的应用程序中,项目将动态添加,而无需单击按钮,因此我想吸引用户注意新添加的项目.

最佳答案
如果包含ng-animate模块,则可以使用css类(ngAnimate页面显示如何在javascript中使用)

http://docs.angularjs.org/api/ngAnimate

在.ng-enter,.ng-leave类中,您可以指定要设置动画的属性,例如不透明度,宽度,高度等

要从javascript触发动画,请查找ngAnimate页面的JavaScript定义的动画部分

有关动画示例,请参阅http://www.nganimate.org 原文链接:https://www.f2er.com/jquery/428279.html

猜你在找的jQuery相关文章