如何从指令AngularJs访问控制器函数？

Question

在主范围上，我有一个ng-repeat运行。

<table class="datatable" prevent-right-click visible="isVisible"> 
       <tr ng-repeat="t in templateData"> 
        <td confusedFunction="clickedonname(t)">{{t.templateName}}</td> 
        <td>{{t.templatePath}}</td> 
       </tr> 
      </table> 

的预防，右击是中有一个评论框，这需要第一个TD元素各自右击元素评论定制的ContextMenu。无论如何，我可以编写一个函数来获取重复元素，并传入指令，以便将注释记录到相应的元素上？另外，防止右键点击具有隔离范围。

这就是我的指令代码。

app.directive('preventRightClick', function() { 
    return { 
     restrict: 'A', 
     scope: { 
      visible: '=' 
     }, 
     link: function($scope, $ele) { 
      $ele.on('contextmenu', '*', function(e) { 
       e.preventDefault(); 
       $scope.$apply(function() { 
        $scope.visible = true; 
        $('.parented').css({right:50, top:50}).show(); 
       }) 
       e.stopPropagation(); 
      }); 

      $(document).on('click', '*', function (e) { 
       if ($(e.target).parents('.parented').length > 0) { 
       } 
       else{ 
        $('.parented').hide() 
        $ele.off('contextmenu', '*', function(){ 
         console.log('Context menu off') 
        }) 
       } 
      }) 
      $scope.confusedFunction = function(t){ 
       console.log(t.templateName) 
       console.log('coming from clickedonname') 
      } 
     } 
    }; 
}) 

Answer 1

下面是第二种方式一个简单的例子：

HTML：

<table class="datatable" prevent-right-click visible="isVisible" foo=current.selected ng-init="current = {}"> 
    <tr ng-repeat="t in templateData"> 
    <td ng-click="current.selected = t">{{t.templateName}}</td> 
    <td>{{t.templatePath}}</td> 
    </tr> 
</table> 

指令JS：

app.directive('preventRightClick', function() { 
    return { 
     restrict : "A", 
     scope: { 
      foo: '=foo', 
     }, 
     link : function (scope, element, attrs) { 
      scope.$watch('foo', function(n) { 
      // This code will be triggered with the new t in new value on each td click 
      }) 

    } 
    }; 
});