Javascript Angular 1.3 css动画不工作

我是angular的新手，我几乎是从文档中复制粘贴了这个示例，但我无法让它工作。
我在网上搜索过，但我遇到的例子是旧版本的angular

演示：

html:

css:

---

除了加载

angular animate.js

之外，还需要添加

ngAnimate

模块作为依赖项

在您的情况下，而不是：

angular.module('plunker', [])

做：

演示：

angular.module('plunker', []).controller('MainCtrl', function($scope) {
    $scope.shown = false
});

.fade-in-animation.ng-enter, .fade-in-animation.ng-leave {
    -webkit-transition:2s linear all;
    transition:2s linear all;
}

.fade-in-animation.ng-enter {opacity: 0;}
.fade-in-animation.ng-enter.ng-enter-active {opacity: 1;}
.fade-in-animation.ng-leave {opacity: 1;} 
.fade-in-animation.ng-leave.ng-leave-active {opacity: 0;}

angular.module('plunker', [])

angular.module('plunker', ['ngAnimate'])