鼠標懸停事件角JS訪問屬性

Question

我有以下指令

courseApp.directive("courseoverview", function() { 
    function link(scope, element, attrs) { 
     scope.switched = false; 
     //hover handler 
     scope.hoverItem = function(hovered){ 
     if (hovered) { 
      //element.addClass('hover'); 
      $('#course-'+ scope.$index +' figure').addClass('tint'); 
      //console.log(scope.$index); 
     } 
     else 
      //element.removeClass('hover'); 
      $('#course-'+ scope.$index +' figure').removeClass('tint'); 
     }; 
    } 
    return {  
     restrict : 'A',  
     replace: true, 
     transclude: true,  
     templateUrl: "views/course-overview.html", 
     link: link 
    }}); 

該指令被稱爲下面的代碼

<li data-ng-repeat="item in social" class="social-{{item.name}}" 
       ng-mouseover="hoverItem(true);" 
       ng-mouseout="hoverItem(false);" 
       current-social="{{item.name}}"> 

懸停功能的偉大工程，但我需要在這個屬性的訪問指令，以及我需要它的價值。

關於如何實現這一點的任何想法都會很棒。

Answer 1

首先，您的指令被命名爲'courseoverview'，但在您提供的標記中沒有看到該屬性。

要解決您的問題，您說我需要訪問指令中的此屬性。但我認爲你有鏈接功能的屬性 - 請參閱attrs參數。這些是觸發你的指令的元素的屬性。

function link(scope, element, attrs) { ... } 

更多見this answer。