在变量angularjs期间模糊动画

时间:2017-09-02 15:29:05

标签: angularjs animation

你好,我有一个数组

$scope.items = ['Informacje', 'Opis', 'Cena', 'Podsumowanie' ];

在视图中,我正在通过ng-click指令更改选定的一个,并仅显示ng-if指令中选定的一个。

<div ng-if="selected.item == 'Informacje'">

现在,我希望在点击带ng-click指令的按钮更改selected.item时进行模糊输入/输出快速动画。我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

只需将此类添加到foldRight(animate-if)div即可。所以HTML将是

ng-if

Plunkr Demo

另一个演示。

Plunkr Demo

另请注明图书馆ng-animate

<强> CSS:

<div ng-if="selected.item == 'Informacje'" class="animate-if">

<强>参考文献:

  1. ng-if documentation