AngularJS denetleyicisinde geçerli kapsam dom elementini nasıl alabilirim?

Question

Dış öğeler listesi var. Her dış öğe içinde, iç öğeler listesi var. Dinamik olarak sıralanırlar.

Fare imleci innerItems öğelerinden birine işaret ettiğinde, popupI penceresini bu innerItem öğesinin hemen üstünde göstermem gerekir.

Popup div, vücudun çocuğudur, çünkü her bir internalItems için ayrı bir açılır pencereye sahip olmak istemiyorum.

Gördüğüm gibi - ng-mouseover Üzerinde sol/üst özellikleri tam olarak konumlandırılan pop-up'ım olarak ayarlar. Bu yüzden, her iç mimarlık için sayfanın sol üst köşesinden bana sol/üst değerler veren jQuery .offset() yöntemini çağırmak istiyorum.

Geçerli kapsam öğesinin jQuery nesnesini nasıl alabilirim? Ben yanlış bir şekilde denetleyici olarak

Answer 1

seçtiyseniz Veya:

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

Answer 2

daha iyi ve doğru çözüm direktifi sahip olmaktır. Direktifin veya ana kontrolörün kontrolöründe kapsam aynıdır. DOM işlemlerini yapmak için $element kullanın. Direktif denetleyicide tanımlanan yöntem ana denetleyicide erişilebilir.

Örnek, bir alt öğe bulma: Eğer yanlış bir şekilde seçmiş

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' 
});