Question

我使用this question创建了一个多维数据集控件。

This is到目前为止我得到了什么。

我正在使用ng-if和ng-include来触发动画

<div ng-repeat='view in views' class='cube container'>
    <div ng-if='view.name == selected' " + 
            ng-include='view.template' " + 
            ng-animate="{enter: 'animate-enter',
                            leave: 'animate-leave'}"> 
    </div>
</div>

我有两个问题

当从窗格1移动到窗格3时，它应该通过窗格2.我做了一个循环，首先将所选窗格更改为＃2，然后更改为＃3，但动画直接转到＃3。有没有办法“等待”直到过渡到＃2完成才转移到＃3？
我无法修改多维数据集控件的大小。如果您在上面的示例中添加另一个cube-viewer，您会看到它们重叠。

我的目标是一个只有CSS的解决方案（没有关键帧，也没有java脚本/ jquery动画）

感谢。

Answer 1

在goTo（）方法中使用goTOPrev（），gotonext（）方法。

使用$ timeout，循环浏览视图，直到达到正确的目标，即500毫秒。
删除已修复。

style =“/ * position：fixed; * / display：block; width：450px; padding：0; margin：0; border：1px solid #EEE;” ...

AngularJS中的立方体动画

1 个答案: