Привязка события к $ (document) внутри угловой директивы

У меня есть директива, которая реализует вид поля выбора.
Теперь, когда окно выбора открыто, и я щелкаю где-то за его пределами (где-нибудь еще в документе), мне нужно, чтобы оно свернулось.

Этот код JQuery работает внутри моей директивы, но я хочу сделать это «угловым путем»:

  $(document).bind('click', function (e) {
       var $clicked = e.target;
       if (!$clicked.parents().hasClass("myClass")) {
            scope.colapse();
       }
  });

Я пытался сделать что-то с помощью службы $ document в моей директиве, но безуспешно.

Ответы на вопрос(1)

Ваш ответ на вопрос