15
새 지시문을 만들고 각도에서 요소를 DOM에서 제거 할 때 알림을받는 방법을 궁금합니다.
내 목표는 요소가 제거 될 때 jquery 애니메이션을 추가하는 것입니다.요소가 제거 될 때 angularJS 알림
A
답변
26
요소 제거에 애니메이션을 적용하려면 제거하기 전에 수행해야합니다.
이것을 증명하는 fiddle을 만들었습니다.
첫 번째 섹션에서는 DOM에서 제거되는 요소에 대한 각도 호출 인 $destroy 이벤트를 수신합니다.
두 번째 경우에는 fadeOut이라는 지시어를 작성하여 자동으로 요소를 제거합니다.
세 번째 경우에는 지시문이 fadeOut 요소를 제거하고 제거가 컨트롤러로 전달됩니다.
제거 된 요소를 fadeOut하려는 경우 첫 번째 옵션을 사용할 수 없습니다.
두 번째와 세 번째 사이에 나는 더 유연하기 때문에 개인적으로 세 번째를 제안합니다.
관련 문제
- 1. ContentEditable에서 요소가 제거 될 때 jQuery 트리거
- 2. 상태 요소가 제거 될 때의 천이
- 3. UITableView가 변경 될 때 알림
- 4. ObservableCollection에서 요소가 추가 될 때 UI를 업데이트하게하십시오.
- 5. 요소가 문서에 추가 될 때 트리거링 방법
- 6. 클릭시 알림 센터에서 알림 제거
- 7. iPhone에서 위치가 변경 될 때 알림 방법?
- 8. 백그라운드 태스크가 만료 될 때 로컬 알림
- 9. DTE.ActiveDocument가 변경 될 때 알림 받기
- 10. MEF - 플러그인이로드/언로드 될 때 알림
- 11. Linux에서 HDD가 감지 될 때 알림 방법
- 12. 사용자가 Android 앱을 제거 할 때 알림
- 13. 서비스에서 진행중인 알림 제거
- 14. 서비스가 파괴되면 알림 제거 OS
- 15. AngularJS - 메모리 누수를 피하기 위해 바인딩 제거
- 16. iPhone - 앱 제거 알림
- 17. Android 근접 알림 제거
- 18. 오버플 : 아이 TABLE 스크롤바와 DIV 오토 요소가 제거 될 때 주변 유지
- 19. 어떤 svg 요소가 자식 요소가 될 수 있고 어떤 요소가 될 수 없는지
- 20. 요소가 표시 될 때 ScaleY에 애니메이션을 적용하는 방법
- 21. HTML 요소가 스크롤 될 때 트리거되는 Javascript 이벤트가 있습니까?
- 22. 요소가 화면 상단 근처에서 스크롤 될 때 발생하는 리스너?
- 23. jqueryUI에서 다른 요소가 중첩 될 때 dropable이 수락되지 않도록 하시겠습니까?
- 24. 요소가 Javascript에서 표시 될 때 숨김으로 다시 전환됩니다.
- 25. 레일 선택 요소가 변경 될 때 양식의 내용 업데이트
- 26. ArrayList 요소가 변경 될 때 발생하는 이벤트 이벤트
- 27. SVG 요소가 동적으로 추가 될 때 애니메이트되지 않습니다.
- 28. jquery - 요소가 뷰로 스크롤 될 때 ajax 메서드를 트리거하십시오.
- 29. 요소가 삭제 될 때 값을 잃는 Jquery 변수
- 30. 새로운 dom 요소가 본문의 어딘가에 추가 될 때 함수를 실행하려고합니다.
감사합니다. 이것은 IE8 (9에서 테스트되지 않음)을 제외하고는 올바르게 작동합니다. –
은 IE8에서 문제를 제기합니까? 앱이 리피터를 렌더링하지 않는다면 예제에 "class = 'ng-app'"를 추가하지 않았기 때문일 수도 있습니다. –
대답에 대한 문제는 요소의 클릭 제거 기능에 대한 바인딩에 의존한다는 것입니다. 필자는 controller/ui logic을 간섭하지 않고 지시자가 작동한다고 생각합니다. fadeOut은 요소가 실제로 list 변수에서 제거 될 때 직접 트리거되어야합니다. 나는 $ destroy 이벤트 안에 페이드 코드를 넣으려고했으나 배열리스트의 스플 라이스 액션 직후에 각도를 제거하기 때문에 진행할 시간이 없다. 위의 솔루션 개선 –