मैं AngularJS नियंत्रक में वर्तमान स्कोप डोम-तत्व कैसे प्राप्त करूं?

Question

मेरे पास बाहरी इटम्स की एक सूची है। प्रत्येक बाहरी इटैम के अंदर, मेरे पास आंतरिक इटम्स की एक सूची है। वे गतिशील रूप से क्रमबद्ध हैं।

जब माउस कर्सर आंतरिक इटम्स में से किसी एक पर इंगित करता है, तो मुझे उस आंतरिक इटैम तत्व के ऊपर पॉपअप विंडो दिखाना होगा।

पॉपअप div शरीर का बच्चा है, क्योंकि मैं प्रत्येक आंतरिक इटम्स के लिए एक अलग पॉपअप नहीं चाहता हूं।

जिस तरह से मैं इसे देखता हूं - ng-mouseover पर मैं उस फ़ंक्शन को कॉल करता हूं जो मेरे बिल्कुल स्थानांतरित पॉपअप पर बाएं/शीर्ष गुण सेट करता है। इसलिए आंतरिक ITems के लिए मैं jQuery .offset() विधि को कॉल करना चाहता हूं जो मुझे पृष्ठ के ऊपरी-बाएं कोने से बाएं/शीर्ष मान देता है।

तो मैं वर्तमान दायरे तत्व का jQuery ऑब्जेक्ट कैसे प्राप्त कर सकता हूं? या, अगर मैं गलत तरीके से

Answer 1

नियंत्रक में चुन लिया है:

function innerItem($scope, $element){ 
    var jQueryInnerItem = $($element); 
} 

Answer 2

बेहतर और सही समाधान एक निर्देश है। दायरा वही है, चाहे निर्देशक या मुख्य नियंत्रक के नियंत्रक में। डीओएम संचालन करने के लिए $element का उपयोग करें। निर्देशक नियंत्रक में परिभाषित विधि मुख्य नियंत्रक में पहुंच योग्य है।

उदाहरण के लिए, एक बच्चे के तत्व खोजने:

var app = angular.module('myapp', []); 
app.directive("testDir", function() { 
    function link(scope, element) { 

    } 
    return { 
     restrict: "AE", 
     link: link, 
     controller:function($scope,$element){ 
      $scope.name2 = 'this is second name'; 
      var barGridSection = $element.find('#barGridSection'); //helps to find the child element. 
    } 
    }; 
}) 

app.controller('mainController', function ($scope) { 
$scope.name='this is first name' 
});