单击body上的任意位置以执行函数：指令

Question

我创建了一个指令，使用户可以单击一个单词 在文本框中对其进行编辑，然后无论何时何地在主体上单击它都应该返回到已编辑的单词。

HTML

HTML("
<h2>Some files to download:</h2>
  <div class='dropdown'>
    <button class='btn btn-primary dropdown-toggle' type='button' data-toggle='dropdown'>Files to download
    <span class='caret'></span></button>
    <ul class='dropdown-menu'>
      <li><a href='cat1.xlsx'>Download Cat 1</a></li>
      <li><a href='cat2.xlsx'>Download Cat 2</a></li>

    </ul>
</div>")

JS指令

 <div markdown>bineesh</div>

我知道需要在指令中添加一些东西，但是我没有正确地进入它，因为我是Angular的新手

Answer 1

angular.element(document).on('click', function() {
  scope.isEditMode = false;
});

element.on('click', function(e) {
  e.stopPropagation();
  return false;
});