WayPoints प्लगइन के लिए AngularUI jQuery PassThrough का उपयोग करना संभव है?

Question

मैं कोशिश करते हैं और प्लगइन http://imakewebthings.com/jquery-waypoints/#documentation

इस jQuery वेपाइंट के लिए एक निर्देश लिखने के लिए जा रहा था लेकिन तब jQuery पासथ्रू jQuery प्लगइन्स के 75% का समर्थन करने का दावा करता है, जिसके साथ AngularUI की खोज की। http://angular-ui.github.com/

क्या कोई इस उदाहरण का एक उदाहरण लिख सकता है कि मैं अपने AngularJS ऐप में इस jQuery WayPoints प्लगइन का उपयोग कैसे कर सकता हूं?

Answer 1

Here एक पहेली है जो AngularUI jQuery Passthrough के साथ Waypoints के साथ काम करने के लिए प्रतीत होता है। मुख्य बातों का ध्यान रखना:

1) कोणीय ui.js स्क्रिप्ट सम्मिलित करें (जो एक बहुत भयानक AngularJS साथी है)

2) ['ui'] जोड़े पैरामीटर की आवश्यकता है में जब मॉड्यूल

दर्ज की!

angular.module('waypoints', ['ui']); 

3) अपने नियंत्रक में एक समारोह है कि आप जब वेपॉइंट

function WaypointsController($scope) { 
    $scope.test = function(){ 
     alert('you have scrolled'); 
    } 
}​ 

4 मारा जाता है कॉल करना चाहते हैं) ui-jq सेट अप करें अपने नियंत्रक में एक समारोह है कि आप कॉल करना चाहते जब वेपॉइंट

function WaypointsController($scope) { 
    $scope.test = function(direction){ 
     alert('you have scrolled ' + direction); 
    }; 
    $scope.optionsObj = { 
     offset: 50 
     //additional options 
    }; 
}​ 

4 मारा जाता है जोड़े

3)): ui-options

<div ui-jq="waypoint" ui-options="test"> 

Answer 2

में समारोह गुजर मार्को के सवाल का जवाब देने निर्देश ui-jq को ui-options

<div ui-jq="waypoint" ui-options="test, optionsObj"> 

012 में फ़ंक्शन को पास करने का निर्देश सेट करें

Here कार्रवाई में यह एक पहेली दिखा रहा है