AngularJS 프레임 워크에 익숙하지 않고 jQuery에서 제공하는 것과 동일한 슬라이드 효과를 얻으려고 노력 중입니다. Google을 너무 많이 사용했지만 관련성이 없습니다. 그래서 어떤 사람이 그것에 대해 어떤 생각이 든다면 저를 성취하시기 위해 인도하십시오. 고맙습니다.AngularJS를 사용하여 슬라이드 효과를 만드시겠습니까?
2
A
답변
5
당신은 AngularUI 유용 할 수 있습니다.
---- 업데이트 ----- 각도의
최신 버전 (1.1.4+ 내가 믿는) 특히 각도 애플리케이션에 CSS 애니메이션을 추가하기 위해 만든 ngAnimate 지시문을 추가합니다. 공식 문서 (http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngAnimate) 또는 http://www.nganimate.org/을 확인하십시오.
2
jQuery 슬라이드를 사용할 수 있지만 각도 지시문으로 감쌀 수는 있습니다. 지시문에 대한 문서를 확인하고 this video도 확인하십시오. 당신이 DOM 개체 삽입 애니메이션 (애니메이션] 지시어를 확인) 할 경우
1
일반적으로 지시어에서도 Angular를 사용하여 jQuery를 직접 사용하면 안됩니다. 최후의 수단입니다. 여기에 주제에 대한 또 다른 좋은 소식이 있습니다. 내 소견의 ui.bootstrap에서
-1
인스턴스이 기본 예제 http://surecode.me
관련 문제
- 1. Silverlight에서 블라인드 효과를 만드시겠습니까?
- 2. jQuery 슬라이드 또는 슬라이드 다운 효과를 사용하여 ASP보기간에 전환 하시겠습니까?
- 3. angularjs를 사용하여 인라인 편집
- 4. CSS3로 3D 이미지 효과를 만드시겠습니까?
- 5. 슬라이드 쇼 전환 효과를 추가
- 6. jquery 슬라이드 효과를 mootools로 변환
- 7. UserControl을 화면 측면에서 "슬라이드 아웃"상태로 만드시겠습니까?
- 8. RAP Eclipse에서 슬라이드 효과를 사용할 수 있습니까?
- 9. jQuery - animate() 함수를 사용하여 slideDown() 효과를 다시 만드시겠습니까?
- 10. jQuery 슬라이드 쇼 : 멋진 효과를 제거하는 방법?
- 11. iOS에서 페이지 슬라이드 효과를 구현하는 방법
- 12. 이미지 슬라이드 쇼 효과를 만드는 방법
- 13. JQuery : Gowalla는 "슬라이드"효과를 어떻게 내고 있습니까?
- 14. 도와주세요. 수동 슬라이드 쇼를 반복 가능하게 만드시겠습니까?
- 15. AngularJS를 사용하여 노래에 대해 '좋아요'횟수를 추가하려고 시도했습니다.
- 16. angularjs를 사용하여 두 데이터를 어떻게 개별적으로 바인딩합니까?
- 17. angularJS를 사용하여 동적으로 인터페이스를로드합니다. 양방향 바인딩 중단
- 18. angularjs를 사용하여 동적으로 내용을 추가하는 방법
- 19. angularjs를 동적으로로드하고 컨트롤러와 스코프를 생성합니다.
- 20. $ routeProvider & $ location없이 angularjs를 사용 하시겠습니까?
- 21. 번호가 아닌 # hash/anchor를 사용하여 jQuery 슬라이드 슬라이드 표시
- 22. LoadLibrary를 사용하여 효과를 얻으시겠습니까?
- 23. div에 jquery 효과를 사용하여
- 24. CSS로 창 7 작업 표시 줄처럼 흐림 효과를 만드시겠습니까?
- 25. Bootstrap Twitter에서 슬라이드 효과를 제거하지 않고 모달 높이를 어떻게 수정합니까?
- 26. apple.com/ipod-nano에서 이미지 슬라이드 인 효과를 재 작성하는 방법
- 27. JQuery에서 슬라이드 아웃/서랍 효과를 구현하는 방법은 무엇입니까?
- 28. 캡션에 슬라이드 쇼 이미지와 같은 전환 효과를 적용하는 방법
- 29. 아약스를 통해 콘텐츠를로드하고 슬라이드 다운 효과를 만들려면 어떻게해야합니까?
- 30. 이 웹 사이트에서 드래그 앤 슬라이드 효과를 만드는 방법은 무엇입니까?
내가 배심원 지침에 jQuery를 포장에 나가 아직도 생각에 대해,이 문제를 다룹니다. –
링크가 실제로 적용되지 않습니다. OP는 특정 사례를 요구하고 있습니다. 해결책이 있습니까? –