javascript - Angular : Add ngClick from js

Question

我正在使用 Angular 为移动设备开发小型网页。我想为整个页面切换点击监听器，例如

$('.page').on('click',...);
$('.page').off('click',...);

但以 Angular 方式。而且我不想在某些情况下使用 ng-Click 因为大多数时候点击不应该工作，它只是为了错误处理。有可能还是我需要使用纯 js/jQuery？

面板 HTML:

<div class="alert error" ng-show="errorMessage">
    <div class="alert-text">{{ errorMessage }}</div>
</div>

Answer 1

我创建了一个指令:

• 它应该与ngIf一起使用。
• ngIf 应该引用范围内的可赋值变量
• 例如不要这样做:ng-if='myFunc()' 或 ng-if='var1 || var2'

这是一个笨蛋:http://plnkr.co/edit/fmNH2PbRrruRqGFYiui1?p=preview

指令:

app.directive('errorBox', function($document, $parse){
  return {
    link: function(scope,elm,attrs) {
      var clickHandler = function(){
        scope.$apply(function(){
           $parse(attrs.ngIf).assign(scope.$parent,'')
        })
        $document.off('click', clickHandler);
      };

      $document.on('click', clickHandler)
    }
  }
});

html:

<div ng-if="errorMessage" error-box class="alert error">
  <div class="alert-text">{{ errorMessage }}</div>
</div>