Angularjs动画不起作用，我遇到了死胡同

这是我的代码，如果可能的话，你可以看一下。没有什么官方的，我只是把这段代码放在一边，以便以后使用

var apps=angular.module'myApp'，['ngAnimate']； //标题 apps.controller'headerCtrl'，函数$scope{ $scope.header=使用AngularJS和设置动画； $scope.headerCode=CSS3 }; //页脚 apps.controller'footerCtrl'，函数$scope{ $scope.footeItems=['Footer Item 1'，'Footer Item 2'，'Footer Item 3']； }; //为隐藏/显示设置动画 apps.controller'animateCtrl'，函数$scope{ $scope.testText=这只是为了测试动画效果！！； $scope.toggleBox=false； $scope.Toggle=函数{ $scope.toggleBox=！$scope.toggleBox； } }; .hideShow.ng-enter， { 过渡：0.5s线性所有； -moz过渡：0.5s线性全； -webkit过渡：0.5s线性全部； 不透明度：0； } .hideShow.ng-enter.ng-enter-active { 不透明度：1； } .hideShow.ng-leave { 过渡：0.25s线性所有； -moz过渡：0.25s线性全； -webkit转换：0.25s线性所有； 不透明度：0； } .hideShow.ng-left.ng-left-active { 不透明度：0； } {{header}}{{headerCode}} 切换 {{testText}} {{footerItem}}

---

因此，您没有为ng show使用正确的类

正确的类如下所示

.ng-hide-add.ng-hide-add-active

.ng-hide-remove.ng-hide-remove-active

所以只要把这些换成你正在使用的，你就可以很好地使用了

我使用的一个技巧是在css上放置一个很长的转换时间，比如5秒，然后您可以在转换时检查元素，并查看正在应用的类

另外，您应该只将转换添加到基类，因此

.hideShow {
  transition: .25s linear all ;
  -moz-transition:  .25s linear all;
  -webkit-transition:  .25s linear all ;
}

普朗克证明

编辑以获取更多信息：

---

我相信.ng leave/enter用于在项目更改时重复ng次。每种类型的东西都有不同的类别。

你能为它做一个快速的扑救吗？在这里测试/修复它会更容易-这是一个plunker==>：Wondeful。非常感谢。你能把这个答案标记为答案，这样它就会显示在另一个答案的上面吗？