Угловой кнопка директивы щелчка вложенной HTML

Question

У меня есть пользовательские директивы

<div class="btn active" approveme="" data-ismember="0"> 
    <i class="show-mobile fa fa-mail-reply" title="Aprove"></i> 
    <i class="hide-mobile">Approve</i> 
</div> 

Я связывающий щелчок этого Div по клике HTML, внутри изменений Див Запретить.

Вот пример кода моей директивы.

app.directive('approveme', function($modal) { 

    return function(scope, element, attrs, modal) { 

    var somefunction = function(){ 

     if(attrs.ismember == 0){ 

      //do something 
     } 

    }; 


    element.bind('click', somefunction); 


    } 

}); 

Когда я нажимаю на край кнопки на и console.log элемент я получаю родительский DIV, который возвращает атрибут IsMember.

Однако, когда я нажимаю текст внутри DIV, элемент возвращает <i> тег, который не имеет атрибут IsMember

Как получить элемент всегда возвращает родительский DIV?

Answer 1

может попробовать это

$(element).on("click", function() { 
     console.log(this); 
     somefunction(); 
    });