1

次のディレクティブがあります

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}}">

ホバー機能はうまく機能しますが、ディレクティブでこの属性にアクセスする必要があります。その値が必要です。

これを達成する方法についてのアイデアは素晴らしいでしょう。

4

1 に答える 1

1

まず、ディレクティブの名前は「courseoverview」ですが、指定したマークアップのどこにもその属性がありません。

あなたの質問に答えるために、ディレクティブでこの属性にアクセスする必要があると言います。しかし、リンク機能に属性があると思います-attrsパラメーターを参照してください。これらは、ディレクティブを起動した要素の属性です。

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

詳細については、この回答を参照してください。

于 2013-06-26T14:43:54.363 に答える