AngularJS ngIf不会对内容更改进行动画处理

Question

Angular ngIf documentation说

  

动画

     

enter - 在ngIf 内容更改之后发生，并创建一个新的DOM元素并将其注入ngIf容器

我遇到了这方面的问题，因此这个 plunker 表明对内容的更改不会触发输入动画。但是，如果我将内容设置为undefined并将初始化包装在1ms $timeout中，则它可以正常工作。

为什么在我根据文档说明更改内容时，它不会触发输入和离开？

Answer 1

这种情况正在发生，因为您通过分配未定义的值然后分配Date对象来强制您更改模型 - 项目。如果要将新项目附加到列表中，则应使用ng-repeat。

Answer 2

ngIf 指令在表达式更改时显示动画。因为它是一个if表达式，它只知道真假。 当表达式从true变为true时，不会触发动画。