วิธีที่ถูกต้องในการรวมปลั๊กอิน jQuery ใน AngularJS

ฉันสงสัยว่าวิธีที่ถูกต้องในการรวมปลั๊กอิน 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ฟังก์ชั่นของคำสั่ง

มีสองจุดในเอกสารที่คุณสามารถดูได้ คุณสามารถค้นหาได้ที่นี่:
ข้อผิดพลาดทั่วไป

ใช้ตัวควบคุมอย่างถูกต้อง

ตรวจสอบให้แน่ใจว่าเมื่อคุณอ้างถึงสคริปต์ในมุมมองของคุณคุณอ้างถึงล่าสุด - หลังจากอ้างอิง angularjs ไลบรารีตัวควบคุมบริการและตัวกรองแล้ว

แก้ไข: แทนที่จะใช้$(element)คุณสามารถใช้angular.element(element)เมื่อใช้ AngularJS กับ jQuery

ฉันมีสถานการณ์ 2 ครั้งที่คำสั่งและบริการ / โรงงานไม่เล่นได้ดี

สถานการณ์คือฉันมี (มี) คำสั่งที่มีการฉีดการพึ่งพาของบริการและจากคำสั่งที่ฉันขอให้บริการเพื่อทำการโทร ajax (ด้วย $ http)

ในท้ายที่สุดในทั้งสองกรณี ng-Repeat ไม่ได้ยื่นเลยแม้ว่าฉันจะให้ค่าเริ่มต้นอาร์เรย์

ฉันยังพยายามที่จะทำให้คำสั่งกับตัวควบคุมและขอบเขตที่แยก

เฉพาะเมื่อฉันย้ายทุกอย่างไปยังตัวควบคุมและทำงานได้เหมือนเวทมนตร์

ตัวอย่างเกี่ยวกับที่นี่การเริ่มต้นปลั๊กอิน jQuery (RoyalSlider) ใน Angular JS