2014-12-11 1 views
0

저는 angularJS로 프로젝트를 만들고 있습니다. 나는 ui-router를 뷰와 중첩 된 뷰에 사용한다. 그래서 헤더, 바닥 글 및 배경보기, 연락처보기, 정보보기 등을 비동기 적으로로드하는 "일반"UI보기와 함께 index.html을 갖습니다.재생 앵글 Js에서 ui-view로드의 가장자리 애니메이션

"홈 "페이지와"about "페이지에는 두 개의 서로 다른 Adobe Edge 애니메이션이 있습니다. 그들은 처음으로로드 할 때 매력처럼 작동하지만 웹 사이트를 탐색 한 다음 집이나 약 페이지로 돌아 오지 않으면 아무 것도 표시되지 않습니다.

나는 라우팅하는 동안 다른 방식으로 컨트롤러

  • 에서 각 지시어
  • 의 스크립트 태그
  • 와 index.html을 머리에
    • 의 가장자리 스크립트를로드하려고했습니다 ui-router의 해결 옵션을 통한 프로세스

    이러한 전략으로 문제를 해결할 수 없습니다. 애니메이션은 여전히 ​​한 번 재생됩니다.

    마지막으로 Adobe Edge에서 자동으로 만들어진 js 코드에서 다이빙을 결정했습니다. 저는 디자이너가 아닙니다. Edge로 애니메이션을 만드는 방법에 대해서는 전혀 모릅니다.

    나는 가장자리 다음 애니메이션을 호출 ... AdobeEdge 객체를 생성하고 창에 바인딩 것을 발견 축복하는 정말 나쁜 Adobe의 공식 문서 (에

    (function($, Edge, compId){ 
        .... 
    
        $(window).ready(function() { 
         Edge.launchComposition(compId); 
        }); 
    
    })(jQuery, AdobeEdge, "EDGE-123456"); 
    

    JQuery와 익명 함수에서 이벤트 핸들러!) 나는 집 컨트롤러에

    $window.AdobeEdge.getComposition("EDGE-123456").getStage().play(); 
    

    B를 다음 줄을 삽입 할 tryied

    ... AdobeEdge 객체를 호출하는 몇 가지 방법이 있습니다 ut은 작동하지 않습니다.

    하루 종일 낭비하다가 어도비 에지 스크립팅을 생각한 사람이 싫다. 그리고 전반적으로 나는 옳은 방법으로 해결하기 위해 도움을 필요로한다.

    고맙습니다.

  • 답변

    0

    playAll()을 사용해보세요. 한 번에 모든 Symbol 타임 라인을 재생할 수 있다고 상상해보십시오 (문서가 너무 모호하기 때문에 확실하게 알기가 어렵습니다).하지만 내 용도로 작동한다는 것을 알았습니다.

    $window.AdobeEdge.getComposition("EDGE-123456").getStage().playAll();

    +0

    답장을 보내 주셔서 감사합니다. Deosn't 일. 그것은 내가 심지어 재생 메서드를 호출 할 수없는 것 ... 각도 던졌습니다 정의되지 않은 오류 – user3154898