Предотвратить нг щелкните от стрельбы для диалога подтверждения (перестал работать в угловых 1.2 RC3)

Question

Я использую этот сценарий, чтобы иметь диалог подтверждения перед тем как стрелять функцию нг щелчка

Directives.directive('ngConfirmClick', [ 
    function(){ 
    return { 
     priority: 100, 
     restrict: 'A', 
     link: function(scope, element, attrs){ 
     element.bind('click', function(e){ 
      var message = attrs.ngConfirmClick; 
      if(message && !confirm(message)){ 
      e.stopImmediatePropagation(); 
      e.preventDefault(); 
      } 
     }); 
     } 
    } 
    } 
]); 

, как видно на http://zachsnow.com/#!/blog/2013/confirming-ng-click/

она используется с помощью:

<button ng-confirm-click="Are you sure?" ng-click="remove()">Remove</button> 

Есть и другие подобные сценарии здесь на SO, но , так как я обновлено до Angular 1.2 RC3, они перестали работать. Функция ng-click всегда срабатывает до того, как будет задействована действительная функция ссылки.

Я также попытался увеличить приоритет и прослушать другие события (touchstart, потому что новейшие угловые имеют эти новые директивы ngtouch). Но ничего не работает.

Answer 1

Ах, я решил, что решил!

Недавно был совершить по угловой команде, которые изменили приоритет перед/после связывания: https://github.com/angular/angular.js/commit/31f190d4d53921d32253ba80d9ebe57d6c1de82b

Это теперь включено в угловом 1.2 RC3!

Поэтому функция связывания сообщений имеет теперь обратный приоритет.

Итак, есть два способа решить эту проблему. Либо использовать отрицательный приоритет в настоящее время

Directives.directive('ngConfirmClick', [ 
    function(){ 
    return { 
     priority: -100, //<--------- 
     restrict: 'A', 
     link: function(scope, element, attrs){ 
     element.bind('click', function(e){ 
      var message = attrs.ngConfirmClick; 
      if(message && !confirm(message)){ 
      e.stopImmediatePropagation(); 
      e.preventDefault(); 
      } 
     }); 
     } 
    } 
    } 
]); 

ИЛИ преобразовать функцию в заранее функцию связующей

Directives.directive('ngConfirmClick', [ 
    function(){ 
    return { 
     priority: 100, 
     restrict: 'A', 
     link: { 
      pre: function(scope, element, attrs){ //<--------- 
       element.bind('click touchstart', function(e){ 
        var message = attrs.ngConfirmClick; 
        if(message && !window.confirm(message)){ 
        e.stopImmediatePropagation(); 
        e.preventDefault(); 
        } 
       }); 
       } 
     } 
    } 
    } 
]);