Angularjs, ng-клик по диапазону не работает, но работает по кнопке

Question

У меня есть этот код:

<input is-password="checkPassword" autocomplete="off" required
                   ng-model="vm.simulate.rutDeudor" type="password" minlength="3"
                   id="rut-deudor-field" tabindex="2"
                   ng-attr-type="{{ isPassword ? 'password' : 'text' }}">
<button ng-click="checkPassword=!checkPassword">Mostrar</button>
<span ng-click="checkPassword=!checkPassword" class="fa fa-lg fa-eye"></span>

Идея состоит в том, чтобы использовать span, а не button, я не знаю, почему с кнопкой работает, но не с span.

Это контроллер:

angular.module('app.factoringCotizarDocs').controller('sincronizarCarpetaTributariaModalCtrl', sincronizarCarpetaTributariaModalCtrl).directive('isPassword', function() {
  return {
    restrict : 'A',
    scope: {
      isPassword: '=isPassword'
    },
    link: function (scope, element, attrs) {
      scope.$watch('isPassword', function(a, b){
        element.attr('type', a ? 'text' : 'password')
      })
    }
  }
});

Answer 1

ng-click хорошо работает с span. Поэтому я думаю, что проблема в некоторых конфликтах в вашем проекте.

Вот пример демонстрационный плункер