jquery CSS가 angularjs 라우팅에 적용되지 않았습니다.

Question

jquery 모바일과 함께 angularjs를 구현하고 싶습니다. jquery 모바일 CSS가 적용되지 않는다는 점을 제외하고 모두 정상적으로 작동합니다.

anglejs에서 라우팅을 사용하지 않지만 라우팅을 사용하면 작동하지 않습니다.

어떻게해야합니까? 나는 또한 jquery-mobile-angular-adapter을 포함 시켰지만 아직 작동하지 않습니다.

Answer 1

"Ajax를 통해 새로운 마크 업 클라이언트를 생성하거나 내용을로드하여이를 페이지에 삽입하는 경우 create 이벤트를 트리거하여 새 마크 업에 포함 된 모든 플러그인에 대한 자동 초기화를 처리 할 수 ​​있습니다." - http://jquerymobile.com/demos/1.0/docs/pages/page-scripting.html

이 문제를 해결하려면 Angular가 내용을로드 한 후에 모든 플러그인을 초기화하도록 JQuery에 지시해야합니다. 컨트롤러에서이 작업을 수행 할 수 있습니다.

$scope.$on('$viewContentLoaded', function() { 
    $(document).trigger('create'); //$(document) or just the part that was loaded with ajax 
}); 

jquery-mobile-angular-adaptor를 모르므로 도움이되지 않습니다.