각도에서 jQuery 플러그인을 통합하는 올바른 방법JS

각도에서 jQuery 플러그인을 통합하는 올바른 방법JS

jQuery 플러그인을 각진 앱에 통합하는 올바른 방법이 무엇인지 궁금했습니다.튜토리얼과 스크린캐스트를 몇 개 찾았지만 특정 플러그인에 맞는 것 같습니다.

예: http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs

이런 지시문을 만들까요?

App.directive('directiveName', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName));
        }
    };
}); 

그리고 html에서 스크립트와 지시문을 호출합니다.

<div directiveName ></div>
<script type="text/javascript" src="pluginName.js"></script>

잘 부탁드립니다

네, 맞습니다.jQuery 플러그인을 사용하는 경우 코드를 컨트롤러에 넣지 마십시오.대신 디렉티브를 생성하여 통상 사용하는 코드를link명령어의 기능.

이 문서에는 몇 가지 주의사항이 있습니다.다음 URL에서 찾을 수 있습니다.
일반적인 함정

컨트롤러의 올바른 사용

뷰에서 스크립트를 참조할 때는 angularjs 라이브러리, 컨트롤러, 서비스 및 필터를 참조한 후 마지막으로 참조해야 합니다.

편집: 사용하는 대신$(element), 를 사용할 수 있습니다.angular.element(element)Angular 사용 시jQuery를 사용하는 JS

디렉션과 서비스/서비스가 제대로 작동하지 않는 상황이 항상 두 가지 있습니다.

시나리오에서는 서비스 의존성 주입이 있는 디렉티브를 가지고 있으며 디렉티브에서 Ajax 콜($120)을 서비스에 의뢰합니다.

결국 두 경우 모두 ng-Repeat은 제가 어레이에 초기값을 부여해도 전혀 파일링되지 않았습니다.

심지어 제어장치와 격리된 기계로 지시를 내리려고도 했습니다.

내가 모든 것을 컨트롤러로 옮겼을 때만 마법처럼 작동했어

예: Angular JS에서 jQuery 플러그인 초기화(RoyalSlider)

언급URL : https://stackoverflow.com/questions/16935095/correct-way-to-integrate-jquery-plugins-in-angularjs