在AngularJS中，可以使用$document来监听点击事件，并在点击外部时执行相应的操作。以下是一个示例代码，展示了如何在子指令中实现点击外部事件不起作用的解决方案：

HTML模板：

JavaScript代码：

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  // 点击外部时执行的操作
  $scope.onClickOutside = function() {
    console.log('Clicked outside');
  };
});

app.directive('parentDirective', function() {
  return {
    restrict: 'E',
    controller: function($scope, $element, $document) {
      $element.on('click', function(event) {
        event.stopPropagation();
      });

      $document.on('click', function() {
        $scope.$apply(function() {
          $scope.onClickOutside();
        });
      });
    }
  };
});

app.directive('childDirective', function() {
  return {
    restrict: 'E',
    template: '
Click inside
',
    link: function(scope, element) {
      scope.onClickInside = function() {
        console.log('Clicked inside');
      };
      
      element.on('click', function(event) {
        event.stopPropagation();
      });
    }
  };
});

在上面的代码中，我们定义了一个父指令parentDirective和一个子指令childDirective。父指令监听整个文档的点击事件，当点击外部时，执行onClickOutside函数。子指令中的点击事件通过event.stopPropagation()阻止事件冒泡，这样点击子指令内部时不会触发父指令的点击事件。

请注意，为了在AngularJS中正确地处理点击事件，我们使用了$apply函数来手动触发AngularJS的脏检查机制。这是因为点击事件是在AngularJS的上下文之外发生的，AngularJS无法自动检测到这些变化。因此，我们需要手动告诉AngularJS进行更新。

希望这个解决方案对你有帮助！