Угловая директива нажатием кнопки с вложенным html

Question

Угловая директива нажатием кнопки с вложенным html

0

У меня есть настраиваемая директива

<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 внутри изменений div в Deny.

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

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?

Neil 30 дек. 2015, в 11:48

Источник

0

Можете ли вы привести пример, который повторяет поведение? Я создал один с помощью JSBin и не могу воспроизвести. Возможно, это что-то, связанное с CSS inline, block, inline-block, z-index.
Ricardo Velhote 30 дек. 2015, в 11:02
0

На самом деле я понял это, когда вы щелкаете тег i или div, чтобы просто использовать element.currentTarget для получения атрибутов.
Neil 31 дек. 2015, в 03:25
0

Хорошо знать! Есть ли конкретная причина, по которой вы не используете элемент <button> . Это было бы более семантически подходит или для этой цели.
Ricardo Velhote 31 дек. 2015, в 21:33

Показать ещё 1 комментарий

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Можете ли вы привести пример, который повторяет поведение? Я создал один с помощью JSBin и не могу воспроизвести. Возможно, это что-то, связанное с CSS inline, block, inline-block, z-index.
На самом деле я понял это, когда вы щелкаете тег i или div, чтобы просто использовать element.currentTarget для получения атрибутов.
Хорошо знать! Есть ли конкретная причина, по которой вы не используете элемент <button> . Это было бы более семантически подходит или для этой цели.

Anbu · Answer 1 · 2015-12-30T08-43-00.000Z

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

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