ngAnimate propagation with angular.js

Question

각도가있는 작은 테스트를하려고합니다. 모든게 효과가있는 것처럼 보입니다. 하지만 ngAnimate 지시문에 문제가 있습니다.

가능한 한 간단하게 애니메이션을 제작합니다. 전체 코드가 포함 된 플 런커입니다.

http://plnkr.co/edit/Kg7tkpD4pKMz7eKTOIQS

당신이 볼 수 있듯이, 내용이 표시되지 않습니다. "main_animation"클래스가 설정되었지만 삭제되지 않은 이유는 무엇입니까? (이유는 무엇입니까?)

불안정한 각도의 버전을 사용하지만 공식 저장소에 대해서는 문제가 없습니다.

나를 도와 줄 사람이 있습니까? 감사합니다.

Answer 1

렌더링 된 HTML 소스를 확인하면 루트 div을 추가하지 않고 h1이 루트 div가되고 ng-scope 속성이 지정됩니다. 그리고 제목은 원본 버전의 코드에서 올바르게 애니메이션되었습니다. ngAnimate에 관한 문서에서, 애니메이션이 요소에만 적용되고 ng-scope이 정의되어 있다고 분명히 밝혀지지는 않았지만 나는 이것이 사실이라고 생각합니다.

템플릿을 모든 항목을 포함하는 단일 루트 노드로 만들면 애니메이션이 작동합니다. 당신이 교환하고있는 경우

<div> 
    <h1>Articles</h1> 
     <div data-ng-repeat="article in articles"> 
      <h2>{{article.title}}</h2> 
      <div data-ng-bind-html-unsafe="article.content"></div> 
     </div> 
    <a href="/">Back to home</a> 
</div>