动画引导程序的网格更改

时间:2018-06-20 18:07:06

标签: angular css3 bootstrap-4

有没有一种方法可以使用Angular的动画为Bootstrap的网格变化设置动画?这是我的布局:

<div class="row">
    <div class="col-lg-4" *ngIf="showForm" [@formAnimation]>
        <!-- form -->
    </div>
    <div class="col-lg">
        <!-- content -->
    </div>
</div>

默认情况下,showForm设置为false。当该值更改为true时,我使用Angular的动画,其形式为div(第一个div)从左侧出现。但我似乎找不到找到col-lg -> col-lg-8过渡动画的方法。在理想的世界中,它将与左侧的表单同步过渡。

有没有办法用Angular的动画做到这一点(我想保持一致),或者有另一种方法可以做到这一点?

谢谢。

0 个答案:

没有答案