出于某种原因,使用下面的代码,ngRepeat仅动画第一个项目并立即显示其余项目。 一旦更新了scope.categories项,就会在模板中触发ng-repeat。

dataSource.getCategories()
    .then(function(categories) {
        $scope.categories = categories;
    }, function(message) {
        dataSource.setActivity(false, message);
    });

但是,如果我将代码更改为下面的代码并在页面中添加<a ng-click="start()">Start</a> ,则可以正常运行。 是的,我已经尝试了超时,甚至长达5秒,并没有改变这种情况。

dataSource.getCategories()
    .then(function(categories) {
        $scope.start = function() {
            $scope.categories = categories;
        }

    }, function(message) {
        dataSource.setActivity(false, message);
    });

有人有解决方案吗?

===============>>#1 票数:4 已采纳

我用AngularJS 1.2.9尝试了你的CSS并得到了相同的结果。 但它适用于1.2.13。 1.2。* - 分支中的ngAnimate模块发生了很多变化,所以没有深入研究这个问题,我猜这是一个已修复过的bug。

演示 - 1.2.9无法正常工作http//plnkr.co/edit/WvK2DDB6wTUkjx4Ah2bs?p=preview

演示 - 1.2.13工作http//plnkr.co/edit/50UdTAKAsua85hyLc1O6p = preview

===============>>#2 票数:1

我遇到了同样的问题(使用Angular 1.2.21)。 我的问题是我在transition: all 1s linear使用!important transition: all 1s linear风格。 尝试删除它,看看它是否有效。 如果您需要!important首先!important的是,请尝试简化您的CSS。

以下是一些说明我遇到的问题的掠夺者:

  ask by gbbr translate from so

未解决问题?本站智能推荐:

2回复

ng-repeat上的越野车动画(动画错误的元素)

我在ng-repeat元素的元素删除上添加了一些动画,接下来的工作是它复制了列表的最后一个元素,并对其应用了动画,而不是删除的元素。 为什么动画不应用于删除的元素,而是应用于最后一个重复的元素? 完整代码示例: https : //jsfiddle.net/8bhyv1b4/
1回复

似乎无法让ngAnimate进行ng-repeat

我有以下HTML片段: 以下CSS应用于标记: 最后,我有以下javascript: 我创建这个小演示只是为了学习如何使用ngAnimate。 但是,网络上的文档似乎有点不足,我似乎无法弄清楚自己在做什么错。 我正在使用此页面将淡出动画应用于ng-repeat中的项目
1回复

如何使用ng-enter并在指令内保留CSS动画

我想动画的角度指令中有一个ng-repeat元素。 现在,我已经将angular-animate文件添加到了文档中, ngAnimate依赖项添加到了我的应用中...但是,该元素似乎并没有应用ng-*动画类。 我以为ng-repeat指令会自动知道ngAnimate? 我想念什么?
1回复

如何使用ng-animate为表行设置动画的方式与列出项目的方式相同?

使用angular的ng-animate平滑地动画列表非常简单,但表格似乎是另一个故事。 Plunker列表 Plunker表 桌子移动动画不起作用,项目只是快速到位,我想桌子需要一些其他的CSS / JS,但我不确定什么会起作用,我尝试了很多没有成功的事情。 我确信这是
1回复

在同一元素上使用ngInclude时,ngRepeat的动画不起作用

测试案例: http : //plnkr.co/edit/dsG3gxFomAK8Q15Xfouj?p = preview 上面的测试案例是用ng-repeat指令两次渲染的数据列表。 一次不使用ng-include ,一次不使用ng-include 。 为ng-repeat指令支
1回复

AngularJS-使用ngAnimate时从列表滞后中删除

我在项目中使用ngAnimate模块在特定条件下为列表中的项目设置动画。 问题是如果我使用ngAnimate那么从列表中删除要比没有动画花费更多的时间。 请检查我创建的插件。 这是我的HTML: JS: 从第一个列表中删除是快速且响应迅速的。 从第二个列表中删除感觉
1回复

无法在嵌套的ngRepeat上触发动画

我无法弄清楚如何使用Angular在嵌套的ngRepeat上触发动画。 CSS类“.test”是动画的。 在内部ngRepeat上使用“.test”时,它不起作用( Plunker ): 在外部ngRepeat上使用“.test”时,它确实有效( Plunker ):
1回复

将指令添加到ng-repeat中的最后一个元素,然后使用ngAnimate对其进行动画处理

我在使用Angular的指令中构建列表时遇到了一个问题。 我将页面添加到数组中,并通过ng-repeat在网站上显示它们。 我想为网站的最后一页设置动画,但是当我还想仅向最后一个元素添加另一个指令时,事情变得很复杂。 我构建了一个简单的演示,演示了我要在Plunker中实现的目标: D
1回复

移除时对ng-repeat进行动画处理

考虑以下示例: http : //jsfiddle.net/HB7LU/23956/ 按钮可以正确地添加和删除工作,其动画也是如此。 这是我的问题:单击删除按钮时如何为元素设置动画,以便要删除的元素下的所有元素都将缓慢浮动,而不仅仅是跳到新位置? 单击B的remove后,我想分别将C和
1回复

在没有ng-animate的情况下动画ng-repeat

当绑定到ng-repeat的模型数组的顺序在没有ng-animate的情况下使用纯css更改时,有没有办法为转换设置动画?